ES6+功能剩余参数

分手后的思念是犯贱 2023-02-27 13:58 59阅读 0赞

剩余参数

*  剩余参数语法允许我们将一个不定数量的参数表示为一个数组
 *  不定参数定义方式，这种方式很方便的去声明不知道参数情况下的一个函数

const sum = (...args) => { 
                  let total = 0;
                  args.forEach((item) => { 
                      total += item;
                  })
                  return total;
              }
              console.log(sum(10, 20));
              console.log(sum(10, 20, 30));

*  剩余参数和解构配合使用

let students = ['wangwu', 'zhangsan', 'lisi'];
              let [s1, ...s2] = students;
              console.log(s1); // 'wangwu' 
              console.log(s2); // ['zhangsan', 'lisi']

*  其中 … 称之为展开运算符
 *  扩展运算符可以将数组或者对象转为用逗号分隔的参数序列

let ary = [1, 2, 3];
       // ...ary // 1, 2, 3
       console.log(...ary); // 1 2 3,相当于下面的代码
       console.log(1, 2, 3);

*  数组合并案例

console.log('------------数组合并案例--------------------');
              var arr1 = [1, 2, 3]
              var arr2 = [4, 5, 6]
              var arr3 = [...arr1, ...arr2]
              console.log(arr3);

*  求最大值案例

console.log('-----------求最大值----------------');
      var arr4 = [1, 2, 3, 4, 5, 67]
      console.log(Math.max.apply(Math, arr4));
      console.log(Math.max(...arr4));

*  将伪数组转换为真正的数组

console.log('----------------3.将伪数组转化为真正的数组----------------');
              var liArr = document.querySelectorAll('li');
              console.log(liArr);
              console.log([...liArr]);

*  利用Array.from 方法将伪数组转换为真正的数组

const arraylike = { 
                  '0': 'gy',
                  '1': 'ckx',
                  '2': 'gyq',
                  '3': 'ghy',
                  length: 4
              }
              console.log('----------------------伪数组-----------------------------');
              console.log(arraylike);
              console.log('----------利用Array.from 方法将伪数组转换为真正的数组---------');
              var newArray = Array.from(arraylike);
              console.log(newArray);

*  利用Array.from 方法将伪数组转换为真正的数组的第二个参数

const arraylike2 = { 
                  '0': 1,
                  '1': 2,
                  '2': 3,
                  '3': 4,
                  length: 4
              }
              var newArray2 = Array.from(arraylike2, item => item * 2);
              console.log(newArray2);