JavaScript数组方法

改变原数组

push()：向数组末尾添加一个或多个元素，返回新数组的长度。

let arr = [10, 20, 30];
let res = arr.push(40);
console.log(arr); // [10, 20, 30, 40]
console.log(res); // 4

pop()：移除并返回数组的最后一个元素。

let arr = [10, 20, 30];
let res = arr.pop();
console.log(arr); // [10, 20]
console.log(res); // 30

unshift()：在数组开头添加一个或多个元素，返回新数组的长度。

let arr = [20, 30];
let res = arr.unshift(10);
console.log(arr); // [10, 20, 30]
console.log(res); // 3

shift()：移除并返回数组的第一个元素。

let arr = [10, 20, 30];
let res = arr.shift();
console.log(arr); // [20, 30]
console.log(res); // 10

reverse()：翻转数组，返回翻转好的数组。

let arr = [10, 20, 30];
let res = arr.reverse();
console.log(arr); // [30, 20, 10]
console.log(res); // [30, 20, 10]

splice()：拼接数组，返回删除元素的数组。

let arr = [10, 20, 30, 40, 50, 60, 70];
let res = arr.splice(1, 3);
console.log(arr); // [10, 50, 60, 70]
console.log(res); // [20, 30, 40]
res = arr.splice(1, 3, 80, 90);
console.log(arr); // [10, 80, 90, 50, 60, 70]
console.log(res); // [20, 30, 40]

不改变原数组

concat()：合并数组，返回新数组。

let arr = [10, 30, 50];
let res = arr.concat([20, 40, 60]);
console.log(res); // [10, 30, 50, 20, 40, 60]

slice()：截取数组，返回截取出来的数组。

let arr = [10, 20, 30, 40, 50];
let res = arr.slice(1, 3);
console.log(res); // [20, 30]

join()：把数组中的所有元素通过指定的分隔符进行分隔转换为一个字符串。

let arr = [10, 20, 30];
let res = arr.join(',');
console.log(res); // 10,20,30

ES6新增的方法

forEach()：循环遍历数组。

let arr = [10, 20, 30];
arr.forEach((item, index) => {
  console.log(item);
});

map()：映射数组。

let arr = [10, 20, 30];
let res = arr.map((item, index) => {
  return item * 10;
});
console.log(res); // [100, 200, 300]

filter()：过滤数组。

let arr = [10, 20, 30];
let res = arr.filter((item, index) => {
  return item > 10;
});
console.log(res); // [20, 30]

find()：查找数组中符合条件的第一个元素。

let arr = [10, 20, 30];
let res = arr.find((item, index) => {
  return item > 10;
});
console.log(res); // 20

some()：判断数组中的元素是否满足指定条件。

let arr = [10, 20, 30];
let res = arr.some((item, index) => {
  return item > 10;
});
console.log(res); // true

every()：判断数组中所有元素是否都符合指定条件。

let arr = [10, 20, 30];
let res = arr.every((item, index) => {
  return item < 30;
});
console.log(res); // false