ES6参考---数组方法扩展

一、总结

一句话总结：

1、Array.from(v) : 将伪数组对象或可遍历对象转换为真数组

2、Array.of(v1, v2, v3) : 将一系列值转换成数组

3、find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素

4、findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标

<script type="text/javascript">
    //Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
    let btns = document.getElementsByTagName('button');
    console.log(btns.length);//3
    Array.from(btns).forEach(function (item, index) {
        console.log(item, index);
    });
    //Array.of(v1, v2, v3) : 将一系列值转换成数组
    let arr = Array.of(1, 'abc', true);
    console.log(arr);
    //find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
    let arr1 = [1,3,5,2,6,7,3];
    let result = arr1.find(function (item, index) {
        return item >3
    });
    console.log(result);//5
    //findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
    let result1 = arr1.findIndex(function (item, index) {
        return item >3
    });
    console.log(result1);//2
</script>

二、数组方法扩展

博客对应课程的视频位置：

 1 <html lang="en">
 2 <head>
 3   <meta charset="UTF-8">
 4   <title>03_数组扩展</title>
 5 </head>
 6 <body>
 7 <button>测试1</button>
 8 <br>
 9 <button>测试2</button>
10 <br>
11 <button>测试3</button>
12 <br>
13 
14 <!--
15 1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
16 2. Array.of(v1, v2, v3) : 将一系列值转换成数组
17 3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
18 4. findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
19 -->
20 <script type="text/javascript">
21     //Array.from(v) : 将伪数组对象或可遍历对象转换为真数组
22     let btns = document.getElementsByTagName('button');
23     console.log(btns.length);//3
24     Array.from(btns).forEach(function (item, index) {
25         console.log(item, index);
26     });
27     //Array.of(v1, v2, v3) : 将一系列值转换成数组
28     let arr = Array.of(1, 'abc', true);
29     console.log(arr);
30     //find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素
31     let arr1 = [1,3,5,2,6,7,3];
32     let result = arr1.find(function (item, index) {
33         return item >3
34     });
35     console.log(result);//5
36     //findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标
37     let result1 = arr1.findIndex(function (item, index) {
38         return item >3
39     });
40     console.log(result1);//2
41 </script>
42 </body>
43 
44 </html>