ES6数组新增API

ES6数组新增API

名称类型简介
of()静态方法用于将一组值,转换为数组。注意跟Array的区别
from()静态方法将两类对象转为真正的数组(arguments,元素集合)
find()实例方法用于找出第一个符合条件的数组成员
findIndex()实例方法返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1
fill()实例方法使用给定值,填充一个数组。可选开始索引和结束索引
copyWithin(targetIndex,[start],[end])实例方法在当前数组内部,将指定位置的成员复制到其他位置,然后返回当前数组
includes(data,[index])实例方法返回一个布尔值,表示某个数组是否包含给定的值,可选开始索引

1.Array.of()

用于将一组值,转换为数组

  • 示例:
let arr1 = Array.of(1, 2, 3, 4, 5)
console.log(arr1) //[1,2,3,4,5]
let arr2 = Array.of(4)
console.log(arr2)  //[4]
  • Array和Array of()的区别:

    体现在传一个参数的时候

    当Array传一个参数时,数组中的元素为empty;

    当Array.of()传一个参数时,数组中的元素是传入的参数的值;

    • Array
    let arr0 = new Array(4); 
    console.log(arr0);// [empty,empty,empty,empty]
    
    • Array.of()
    let arr2 = Array.of(4)
    console.log(arr2); //[4]
    

2.Array.form()

将两类对象(arguments,元素集合,自定义类数组[‘0’:100,length:1])转为真正的数组

  • 示例:
//获取p标签
let pEles = document.getElementsByTagName('p');
console.log(pEles);
//遍历
Array.from(pEles).forEach(item => console.log(item));
//由此可以说明把元素的集合转为真正的数组

3.find()

用于找出第一个符合条件的数组成员,并且返回该数组元素

如果没有满足条件的数组元素该方法返回undefined

  • 示例:
arr1=[1, 2, 3, 4, 5]
let num1 = arr1.find(function(item) {
    return item > 1;
});
console.log(num1); //2

4.findIndex()

用于找出第一个符合条件的数组成员的索引值,并且返回该数组元素的索引值

如果没有满足条件的数组元素该方法返回-1

  • 示例:
arr1=[1, 7, 9, 4, 5]
let num1 = arr1.findIndex(item => item > 9);
console.log(num1); //-1
let num2 = arr1.findIndex(item => item > 3);
console.log(num2); //2

5.fill()

给数组指定的索引,以指定值进行填充

//—第一个参数是填充的值

//—第二个参数是起始索引 默认值是0

//—第三个参数是结束的索引(不包含) 默认值是数组length

  • 示例:
arr1=[1, 2, 3, 4, 5]
console.log(arr1); //[1, 2, 3, 4, 5]
arr1.fill(6);
console.log(arr1); //[6, 6, 6, 6, 6]
arr1.fill(7, 2);
console.log(arr1); //[6, 6, 7, 7, 7]
arr1.fill(8, 1, 3);
console.log(arr1); //[6, 8, 8, 7, 7]

6.copyWithin()

在当前数组内部,将指定位置的成员复制到其他位置,然后返回当前数组

// —第二个参数为起始索引

// —第三个参数为结束索引**(不包含)**,将对应的数组元素赋值给第一个参数设置的开头的索引,依次取替换原索引上的值

  • 示例:
arr1=[1, 2, 3, 4, 5]
let arr4 = arr1.copyWithin(0, 1, 4);
console.log(arr4); //[2, 3, 4, 4, 5]
let arr5 = arr4.copyWithin(1, 3, 4);
console.log(arr5); //[2, 4, 4, 4, 5]
let arr6 = arr5.copyWithin(0, 2, 4);
console.log(arr6); //[4, 4, 4, 4, 5]

7.includes()

判断数组是否包含指定值—是全等判断

相当于Object.is()

//—第一个值是包含的指定值

//—第二个值是指定值的索引

  • 示例:
arr5=[2, 3, 4, 7, 5]
let flag = arr5.includes(2);
console.log(flag);//true
let flag1 = arr5.includes(3,1);
console.log(flag1);//true
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值