ES6 数组的拓展

扩展运算符

console.log(1, ...[2, 3, 4], 5)  // 1,2,3,4,5

Array.from

Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like 
object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)

Array.of()

Array.of方法用于将一组值,转换为数组
Array.of(3, 11, 8) // [3,11,8]

copyWithin()

数组实例的copyWithin方法,在当前数组内部,将指定位置的成员复制到其他位置(会
覆盖原有成员),然后返回当前数组。也就是说,使用这个方法,会修改当前数组
它接受三个参数。
    target(必需):从该位置开始替换数据。如果为负值,表示倒数。
    start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。
    end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。

// 将3号位复制到0号位
[1, 2, 3, 4, 5].copyWithin(0, 3, 4)
// [4, 2, 3, 4, 5]

// -2相当于3号位,-1相当于4号位
[1, 2, 3, 4, 5].copyWithin(0, -2, -1)
// [4, 2, 3, 4, 5]

// 将3号位复制到0号位
[].copyWithin.call({length: 5, 3: 1}, 0, 3)
// {0: 1, 3: 1, length: 5}

// 将2号位到数组结束,复制到0号位
let i32a = new Int32Array([1, 2, 3, 4, 5]);
i32a.copyWithin(0, 2);
// Int32Array [3, 4, 5, 4, 5]

// 对于没有部署 TypedArray 的 copyWithin 方法的平台
// 需要采用下面的写法
[].copyWithin.call(new Int32Array([1, 2, 3, 4, 5]), 0, 3, 4);
// Int32Array [4, 2, 3, 4, 5]

find() 和 findIndex()

find() 用于找出第一个符合条件的数组成员,如果没有符合条件的,则返回undefined
findIndex() 第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1
[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10
[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

fill()

fill方法使用给定值,填充一个数组
['a', 'b', 'c'].fill(7)     //数组中已有的元素,会被全部抹去
// [7, 7, 7]

new Array(3).fill(7)
// [7, 7, 7]
['a', 'b', 'c'].fill(7, 1, 2)      //指定填充的起始位置和结束位置
// ['a', 7, 'c']

entries(),keys() 和 values()

遍历
for (let index of ['a', 'b'].keys()) {         //键
  console.log(index);
}
// 0
// 1

for (let elem of ['a', 'b'].values()) {     //值
  console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of ['a', 'b'].entries()) {         //键值对
  console.log(index, elem);
}
// 0 "a"
// 1 "b"

includes()

include()   表示某个数组是否包含给定的值
该方法的第二个参数表示搜索的起始位置,默认为0。如果第二个参数为负数,则表示倒数
的位置,如果这时它大于数组长度(比如第二个参数为-4,但数组长度为3),则会重置为
从0开始
[1, 2, 3].includes(2)     // true
[1, 2, 3].includes(4)     // false
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值