Slice Each String-valued Element Of An Array In Javascript

I have the following array: var arr = ['Toyota', 'Hyundai', 'Honda', 'Mazda']; I want to slice each element backwards, like: var arr = ['Toyota', 'Hyundai', 'Honda', 'Mazda'].slic

Solution 1:

You can't use slice directly, as it has a different meaning with an array and will return you a list of array elements.

var arr = ["Toyota", "Hyundai", "Honda", "Mazda"]
arr.slice(0, -2) // returns the elements ["Toyota", "Hyundai"]

In order to do the slice on each element, you can use .map() (on IE9+):

var out = arr.map(function(v) { return v.slice(0, -2) }) 
// or using underscore.js for wider compatibility
var out = _.map(arr, function(v) { return v.slice(0, -2) })
// or using a more modern arrow function
var out = arr.map(v => v.slice(0, -2))

Alternatively, you could just use a loop:

var i, out = []
for (i = 0; i < arr.length; ++i) {
    out.push(arr[i].slice(0, -2))
}

or, in more modern syntax:

const out = new Array(arr.length)
for (let i = 0; i < arr.length; ++i) {
    out[i] = arr[i].slice(0, -2)
}

Solution 2:

Not with Array.protoype.slice(), no. Try Array.prototype.map():

var arr = ["Toyota","Hyundai","Honda","Mazda"].map(s => s.slice(0, -2));

console.log(arr);

_{See also: String.prototype.slice()}