ES6系列四：数组

怼烎@ 2022-02-01 08:06 250阅读 0赞

ES6的数组新增了4个方法：  
1、map 映射 一个对一个

let arr = [12, 5, 8]
    let result = arr.map(function (item) {
        return item*2
    })
    let result2 = arr.map(item=>item*2)   //箭头函数
    console.log(result)
    console.log(result2)
    
    let score = [18, 86, 88, 24]
    let result3 = score.map(item => item >= 60 ? '及格' : '不及格')
    console.log(result3)
    // 结果
    [ 24, 10, 16 ]
    [ 24, 10, 16 ]
    [ '不及格', '及格', '及格', '不及格' ]

2、reduce 汇总 一堆出来一个  
 用于比如：算个总数，算个平均

var arr = [1, 3, 5, 7]
    var result = arr.reduce(function (tmp, item, index) {
        //tmp 上次结果，item当前数，index次数1开始
        console.log(tmp, item, index)
        return tmp + item
    })
    console.log(result)
    
    var arr = [1, 3, 5, 7]
    var result = arr.reduce(function (tmp, item, index) {
        if (index != arr.length - 1) { // 不是最后一次
            return tmp + item
        } else {
            return (tmp + item)/arr.length
        }
    })
    console.log(result)  // 平均值

3、filter 过滤器 保留为true的

var arr = [12, 4, 8, 9]
    var result = arr.filter(item => (item % 3 === 0) ? true : false)
    console.log(result)
    
    var result = arr.filter(item => item % 3 === 0)
    console.log(result)
    
    var arr = [
        { title: '苹果', price: 10 },
        { title: '西瓜', price: 20 },
    ]
    var result = arr.filter(json => json.price >= 20)
    console.log(result)

4、forEach 循环迭代

var arr = [12, 4, 8, 9]
    var result = arr.forEach(item => console.log(item))
    var result = arr.forEach((item, index)=>console.log(item, index))

发表评论取消回复

表情：

评论列表（有 0 条评论，250人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6数组循环

先说说es5的循环，一下几种循环的前五种接收的参数是一样的，都是两个参数：第一个参数：循环里面执行的回调函数，循环调用执行的语句第二个参数：this的指向循环

布满荆棘的人生/ 2023年07月11日 06:10/ 0 赞/ 29 阅读

相关 Es6数组学习

ECMAScript是JavaScript的标准（语法规范） Javascript用于遵循这个规范使用vscode编写代码：在扩展中搜索 Live Serve、

末蓝、/ 2023年07月08日 12:28/ 0 赞/ 13 阅读

相关 es6 数组方法

map 映射一对一 `map()`不会对空数组进行检测 `map()`不会改变原始数组参数说明： `function(currentValue,

ゞ浴缸里的玫瑰/ 2023年06月17日 12:55/ 0 赞/ 54 阅读

相关【ES6系列】数组去重

使用ES6的 new Set()对象去重 new Set() 返回的是对象，对象，对象可对数组，字符串去重 let arr= [1,2,

桃扇骨/ 2023年02月21日 12:44/ 0 赞/ 7 阅读

相关 ES6数组方法

ES6数组方法以下方法添加到了Array.prototype对象上（isArray除外） indexOf 类似字符串的indexOf()方法 ![复制代码][

妖狐艹你老母/ 2022年05月29日 01:25/ 0 赞/ 369 阅读

相关 ES6系列教程第四篇--asyn详解

一、什么是async async其实是ES7的才有的关键字，放在这里说，其实是和我们前面所说的Promise，Generator有很大关联的。async的意思是"

素颜马尾好姑娘i/ 2022年05月23日 04:36/ 0 赞/ 947 阅读

相关 ES6 数组取值

const arr =[{ id:'1', name:'a' },{ id:'2', name:'b' }

怼烎@/ 2022年05月11日 09:14/ 0 赞/ 182 阅读

相关 ES6 数组扩展

扩展运算符|展开运算符 `...`不仅可以操作对象，也可以操作数组。 var arr1 = [1, "asd", {name:"张三"}]; var a

亦凉/ 2022年02月21日 01:21/ 0 赞/ 346 阅读

相关 ES6系列四：数组

ES6的数组新增了4个方法： 1、map 映射一个对一个 let arr = [12, 5, 8] let result = arr.map(funct

怼烎@/ 2022年02月01日 08:06/ 0 赞/ 251 阅读

相关 ES6 数组操作

1、push() 尾端插入，返回数组长度 let arr = [1,"hello",true]; console.log(arr.push(22));//

末蓝、/ 2021年09月18日 08:32/ 0 赞/ 423 阅读