首页 > 编程语言 > 详细

前端面试之ES6新增了数组中的的哪些方法?!

时间:2020-12-12 18:15:33      阅读:73      评论:0      收藏:0      [点我收藏+]

前端面试之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>

技术分享图片

前端面试之ES6新增了数组中的的哪些方法?!

原文:https://www.cnblogs.com/lvhanghmm/p/14122279.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!