前端面試之ES6新增了陣列中的的哪些方法?!
阿新 • • 發佈:2020-12-12
前端面試之ES6新增了陣列中的的哪些方法?!
我們先來看看陣列中以前有哪些常用的方法吧!
1
新增的方法!
1 forEach() 迭代遍歷陣列
回撥函式中的三個引數
value: 陣列中的每一個元素-
index: 每一個數組元素中的索引號!
arr: 陣列物件本身
<script> // ES5中新增的方法 // forEach() 迭代遍歷陣列 var arr = [2, 3, 5]; var sum = 0; arr.forEach(function(value, index, arr) { console.log('陣列當中的每一個元素' + value); console.log('陣列當中的每一個元素的索引號!' + index); console.log('陣列本身' + arr); sum += value; }) console.log(sum); </script>
2 map()
map 作用就是為陣列中的每一個元素呼叫一次提供的函式後的返回值!
一個由原陣列每個元素執行回撥函式的結果組成的新陣列。
<script>
var arr5 = [23, 45, 10, 30];
var res4 = arr5.map((value, index, arr5) => {
return value * 100;
});
console.log(res4)
</script>
3 filter() 篩選陣列
注意點:他是要返回一個新的陣列的!
<script> // filter 篩選陣列 // 注意點:他是要返回一個新的陣列的! var arr2 = [12, 66, 4, 88, 3]; var res = arr2.filter(function (value, index, arr2) { // 返回陣列中元素大於等於20的值 // return value >= 20; // 返回陣列中所有的偶數! return value % 2 === 0; }) console.log(res) </script>
4 some() 查詢陣列中是否有滿足條件的元素
注意點:注意點:它的返回值是一個布林值 查到 就是true 查不到 就是false
1. filter 也是查詢滿足條件的元素返回的是一個數組而且是把所有滿足條件的元素返回回來
2. some 也是查詢滿足條件的元素是否存在 返回的是一個布林值如果查詢到第1個滿足 條件的元素就終止迴圈
<script> var arr3 = [34, 40, 56, 10]; var res2 = arr3.some(function(value, index, arr3) { return value >= 20; }) console.log(res2) // true var arr4 = ['lvhang', 'lvchengxin', 'dongjingtazi']; var res3 = arr4.some(function(value, index, arr4) { return value == 'xiaoshigunaing'; }) console.log(res3); // false </script>
5 every()
every 方法測試一個數組內的所有元素是否都能通過某個指定函式的測試。它返回一個布林值。
<script>
var arr5 = [23, 45, 10, 30];
var res4 = arr5.map((value, index, arr5) => {
return value * 100;
});
console.log(res4)
</script>