1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
    8.     <title>Document</title>
    9. </head>
    11. <body>
    12.     <ul>
    13.         <li>1</li>
    14.         <li>2</li>
    15.         <li>3</li>
    16.         <li>4</li>
    17.     </ul>
    18.     <script>
    19.         // 数组的方法  from()  of()
    20.         // 1.from() 将伪数组转换成真正的数组
    21.         function add() {
    22.             // console.log(arguments);
    23.             // es5转换
    24.             // let arr = [].slice.call(arguments);
    25.             // console.log(arr);
    26.             // es6写法
    27.             let arr = Array.from(arguments);
    28.             console.log(arr);
    29.         }
    30.         add(1, 2, 3);
    32.         let lis = document.querySelectorAll('li')
    33.         // console.log(lis);
    35.         // console.log(Array.from(lis));
    36.         // 扩展运算符 将伪数组转换成真正的数组
    37.         // console.log([...lis]);
    39.         // from() 还可以接受第二个参数，用来对每个元素进行处理
    41.         let liContents = Array.from(lis, ele => ele.textContent);
    42.         // console.log(liContents);
    44.         // 2.of() 将任意的数据类型，转换成数组
    45.         console.log(Array.of(3, 11, 20, [1, 2, 3], {
    46.             id: 1
    47.         }));
    50.         // 3.copywithin() 数组内部将制定位置的元素复制到其它的位置，返回当前数组
    51.         // 从3位置往后的所有数值，替换从0位置往后的三个数值
    52.         console.log([1, 2, 3, 8, 9, 10].copyWithin(0, 3));
    53.         //[8,9,10,8,9,10]
    55.         //  4.find() findIndex()
    56.         // find()找出第一个符合条件的数组成员
    57.         let num = [1, 2, -10, -20, 9, 2].find(n => n < 0)
    58.         // console.log(num);
    60.         // findIndex()找出第一个符合条件的数组成员的索引
    61.         let numIndex = [1, 2, -10, -20, 9, 2].findIndex(n => n < 0)
    62.         // console.log(numIndex);
    65.         // 5.entries() keys() values() 返回一个遍历器  可以使用for...of循环进行遍历
    67.         // keys() 对键名遍历
    68.         // values() 对值遍历
    69.         // entries() 对键值对遍历
    70.         // console.log(['a','b'].keys());
    72.         for (let index of ['a', 'b'].keys()) {
    73.             console.log(index);
    74.         }
    76.         for (let ele of ['a', 'b'].values()) {
    77.             console.log(ele);
    78.         }
    80.         for(let [index,ele] of ['a','b'].entries()){
    81.             console.log(index,ele); 
    82.         }
    83.         let letter = ['a','b','c'];
    84.         let it = letter.entries();
    85.         // console.log(it.next().value);
    86.         // console.log(it.next().value);
    87.         // console.log(it.next().value);
    88.         // console.log(it.next().value);
    90.         // 6.includes() 返回一个布尔值，表示某个数组是否包含给定的值
    91.         console.log([1,2,3].includes(2));
    92.         console.log([1,2,3].includes('4'));
    94.         // 之前 indexof()
    95.         console.log([1,2,3].indexOf('2'));
    97.     </script>
    99. </body>
    101. </html>