ES6 的内置对象扩展 Array 的扩展方法

Array 的扩展方法

• 扩展运算符
  • 扩展运算符可以将数组或者对象转为用逗号分割的参数序列

let arr = [1,2,3];
...arr // 1,2,3
console.log(...arr);

• 扩展运算符可以用于合并数组

//方法一
let arr1 = [1,2,3];
let arr2 = [1,5,6];
let arr3 = [...arr1,...arr2];
//方法二
arr1.push(...arr2);

• 将类数组或可变遍历的对象转换为真正的数组

var oDivs = document.getElementsByTagName("div");
arr = [...oDivs]

• 构造函数方法：Array.from()
  • 将类数组或可遍历对象转换为真正的数组

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

• 方法还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。

let arrayLike = {
   "0": 1,
   "1": 2,
   "length": 2
}
let newAry = Array.from(aryLike, item => item *2)

• 实例方法：find()
  • 用于找出第一个符合条件的数组成员，如果没有找到返回undefined

let ary = [{
   id: 1,
   name: '张三‘
}, {
   id: 2,
   name: '李四‘
}];
let target = ary.find((item, index) => item.id == 2);

• 实例方法：findIndex()
  • 用于找出第一个符合条件的数组成员的位置，如果没有找到返回-1

let ary = [1, 5, 10, 15];
let index = ary.findIndex(value => value > 9);
console.log(index); // 2

• 实例方法：includes()
  • 表示某个数组是否包含给定的值，返回布尔值。

[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) // false