Es6 - 数组方法

数组方法

Array.of(x)

将文字或者变量转换成数组。

let arr_arr = Array.of(3, 4, 5, 6)let arr1 = Array.of(arr_str) [3,4,5,6]复制代码

let arr_str1 = '[3,4,5,6]';
let arr2 = Array.of(arr_str) ['3,4,5,6']复制代码

Array.from(x)

JSON数组格式比通常的数组格式多了一个length

Array.from(x)将JSON代码转换成数组

let json = {  '0': 'kai',  '1': 'xin',  length: 2}let arr = Array.from(json)console.log(arr)   ["kai", "xin"]复制代码

find( )

首先创建数组,然后数组调用,此时的find方法称为 find实例方法。

  • value:表示当前查找的值。
  • index:表示当前查找的数组索引。
  • arr:表示当前数组

在函数中如果找到符合条件的数组元素就进行return,并停止查找。

es5

var shuzu = [3, 5, 6, 7, 8, 9, 0, 9]console.log(shuzu.find(function (val, index, arr) {  return val > 6}))复制代码

es6

var shuzu = [3, 5, 6, 7, 8, 9, 0, 9]
console.log(shuzu.find((val, index, arr) => val > 6))复制代码

fill( )

数组进行填充,它接收三个参数,第一个参数是填充的变量,第二个是开始填充的位置,第三个是填充到的位置。

var fill_arr = [1,3,4,5,6,7]fill_arr.fill('kaixin',2,4)  // 从第二个开始填充到第四个但是不包含第四个console.log(fill_arr)  [1, 3, "kaixin", "kaixin", 6, 7]复制代码

for…of循环

同时输出数组的内容和索引,我们用entries()这个实例方法,配合我们的for…of循环就可以同时输出内容和索引了

let arr=['aa','bb','cc']
for (let [index,val] of arr.entries()){
    console.log(index+':'+val);
}复制代码

let arr=['aa','bb','cc']
for (let item of arr.entries()){
    console.log(item);
}复制代码

当数组为空时,循环不执行

entries( )

entries()实例方式生成的是Iterator形式的数组,那这种形式的好处就是可以让我们在需要时用next()手动跳转到下一个值。

var fill_arr = [1, 3, 4,]复制代码

let arr3 = fill_arr.entries()console.log(arr3)复制代码

console.log(arr3.next().value);console.log('********')复制代码

console.log(arr3.next().value);console.log('、、、、、、、、、')复制代码

console.log(arr3.next().value);console.log('========')复制代码



转载于:https://juejin.im/post/5d0ae79ae51d455d6d53583b

猜你喜欢

转载自blog.csdn.net/weixin_34303897/article/details/93173028
今日推荐