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>