es6 数组扩展

//Array.of 可以生成一个简单数组,

{

      let   arr  =  Array.of(3,4,7,9,11);  //  [3, 4, 7, 9, 11]

      console.log(arr);

      let   arr2  =  Array.of();//  []

      console.log(arr2);

}

//Array.from

{

      let  p  =  document.querySelectorAll('p');

      let  pArr  =  Array.from(p);

      pArr.forEach( function(item){

            console.log( item.textContent );  //Welcome to Express  123  4444

      });

      //第二个参数的function将第一个参数进行循环遍历并且可以进行简单处理

      console.log( Array.from([ 1, 3, 5], function(item){

             return  item+1;

      }));   //  [2, 4, 6]

}

// copyWithin  copy数据进行替换

{

      // 0: 从哪个位置开始替换

      // 3: 从哪个位置开始读取

      // 4: 从哪个位置开始截止

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

}

//find\findIndex

// find  返回第一个符合条件的值

// findIndex  返回第一个符合条件的下标

{

      console.log([1,2,3,4,5,6].find(function(item){

           return  item>3;

      }));// 4

      console.log([1,2,3,4,5,6].findIndex(function(item){

            return  item>3;

      }));//  3

}

//fill  替换元素

{

       console.log( 'fill-7', [1,'a',undefined].fill(7));  //  ["a", 7, 7]

       console.log( 'fill pos', ['a','b','c'].fill(7,1,3));  //  ["a", 7, 7]  // 第一个参数表示需要替换成什么参数  第二个参数:替换起始位置  第三个参数:替换结束位置

}

//entries\keys\values

//keys  返回数组元素的下标

//values  返回数组元素的值

// entries 返回数组元素的下标+值

{

      for(let  index  of['1','c','ks'].keys()){

             console.log(index);//  0  1  2

      }

      for(let  index  of['1','c','ks'].values()){

             console.log(index);//  1  c  ks

      }

      for(let  index  of['1','c','ks'].entries()){

              console.log(index);//  [0, "1"]  [1, "c"]    [2, "ks"]

      }

}

//includes  检查数组是否包含某个元素

{

         console.log([1,2,NaN].includes(1));// true

         console.log([1,2,NaN].includes(NaN));// true

}

你可能感兴趣的:(es6 数组扩展)