美文网首页
数组常用的几个方法

数组常用的几个方法

作者: 祈澈菇凉 | 来源:发表于2020-11-27 09:31 被阅读0次

这里新创建了一个专题,为自己之后的跳槽做准备,每天给自己一个小时的时间去看网上的一些面试题,并且将这些面试题的答案加上自己思考以及动手时间的内容整理成笔记,记录下来。
尤其是在下班之后没有事情做的时候,不要想着去玩游戏,而是花一点点的时间去浏览一下这两年前端市场里面出现的一些知识点吧~~

今天记录一下平时经常会用到的一些数组方法~~

数组常用的几个方法~~·

1:ES6系列笔记-数组方法filter(过滤)
就是留下经过我们处理的符合条件的结果 过滤也就是筛选的意思

例子1:过滤掉不能被3整除的数,打印出来能被整除的数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //过滤器filter
        let arr = [12, 33, 66, 99, 5]
        let result = arr.filter(item => {
            if (item % 3 == 0) {
                return true;
            } else {
                return false;
            }
        })
         console.log(result)
    </script>
</html>

打印结果如下:


或者这样写,效果是一样的

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let arr = [11, 33, 66, 99, 5]
        let result = arr.filter(item => {
            return item % 3 == 0;
        })
        console.log(result)
    </script>
</html>

打印结果如下:


例子2:过滤商品价格小于10000元的商品,打印大于10000元的商品

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //商品列表
        let arr = [{
                title: '笔记本电脑',
                price: 12033
            },
            {
                title: '智能音箱',
                price: 99
            },
            {
                title: '鼠标',
                price: 33
            },
            {
                title: '单反摄像机',
                price: 20000
            },
        ]
        let result = arr.filter(item => item.price >= 10000);
        console.log(result)
    </script>
</html>


打印结果如下:


2:ES6系列笔记-数组方法map(映射)
一般写法

//一般写法
        let arr=[12,5,8];
        let result= arr.map(function(item){
                return item*2;
        })  
        console.log(result) 

箭头函数写法

//箭头函数
        let arr=[10,5,8];
        let result= arr.map(item=>{
                return item*2;
        })  
        console.log(result)  

去掉花括号的写法(只有一个return的时候,{}可以省略)

        let arr=[10,5,9];
        let result=arr.map(item=>item*2);   
        console.log(result)  

示例:判断数组所对应的的状态是否及格

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let scroe = [12, 77, 88, 99, 33, 100, 59];
        let result = scroe.map(item => item >= 60 ? '及格' : '不及格');
        console.log(scroe)
        console.log(result)
    </script>
</html>

3:ES6系列笔记-数组方法reduce
reduce应用场景:计算数组中所有值的总和
数组求和:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        //一堆变成一个,算总数
        let arr = [12, 33, 66, 99]
        let result = arr.reduce(function(tmp, item, index) {
            return tmp + item
        })
        console.log(result);
    </script>
</html>

打印结果如下:

4:ES6系列笔记-数组方法 forEach循环遍历(迭代)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let arr = [12, 4, 6, 89, 2]
        arr.forEach(item => {
            console.log(item)
        })
    </script>
</html>


打印结果如下:


参数index

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        let arr = [12, 4, 6, 89, 2]
        //参数index
        arr.forEach((item,index) => {
            console.log(index+ ':' +item)
        })
    </script>
</html>

打印结果如下:


相关文章

  • 数组常用的几个方法

    这里新创建了一个专题,为自己之后的跳槽做准备,每天给自己一个小时的时间去看网上的一些面试题,并且将这些面试题的答案...

  • JavaScript数组 几个常用方法

    前言 数组方法有太多了,本文记录一些本人容易记错的一些数组方法,用于巩固及复习。后续会慢慢的将其他数组方法添加进来...

  • 专题二 java数组

    专题二 数组 ---------------------主要讲Arrays的几个常用方法 一、Arrays.fil...

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组常用方法 数组的遍历方法

  • 数组

    数组 数组常用方法 数组去重

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组合并 数组常用方法

  • js中字符串和数组的常用方法

    字符串的常用方法 数组的常用方法

  • 数组常用方法

    数组常用方法 一、js数组常用方法: 1、join() Array.join() 方法将数组中所有元素都转换成字...

  • scala 定长数组

    数组的定义 数组的访问数组的常用方法

  • 数组超实用的常见方法:find、findIndex、some、e

    这里介绍几个数组常用的而且超级实用的方法,主要都是用来获取数组中符合条件的某个值 1、find:给定条件,返回数组...

网友评论

      本文标题:数组常用的几个方法

      本文链接:https://www.haomeiwen.com/subject/takziktx.html