打印数组_数组常用的几个方法

db2efafb13643c684b74bf500c824666.png

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

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

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

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

html>
<html>
    <head>
        <meta charset="utf-8">
        <title>title>
    head>
    <body>
    body>
    <script>//过滤器filterlet 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>

打印结果如下:

7eadd264761f2905e3b7c0ef16269558.png

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

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>

打印结果如下:

f909553df5c95b8edf45e375eba9f0d0.png

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

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>

打印结果如下:

9c19271cf88ae2716f8bfb35597e3efc.png

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

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

箭头函数写法

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

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

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

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

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>
e0e84c608c1ef10232e0107f9871260c.png

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

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>

打印结果如下:

c6b8eed93a48014625286c450c025339.png

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

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>

打印结果如下:

f01d776bcf1d59e04d7e34c245992480.png

参数index

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>

打印结果如下:

7193add856556194de7f0a5b7cfd58f1.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值