石川es6课程---7、数组
石川es6课程---7、数组
一、总结
一句话总结:
^ 主要就map(映射:一个对一个),reduce(汇总:一堆出来一个),filter 过滤器,forEach 循环(迭代) 四个方法
^ 使用形式就是方法里面接匿名函数作为参数:例如let result = arr.map(function (item) {
二、数组
- map (映射:一个对一个) ``` [112,58,6,990] [及格,不及格,不及格,及格] let arr=[12,5,8] // let res=arr.map(function(item){// return 2*item // }) //es6简化版 let res=arr.map(item => item*2) alert(res) //数据映射 let score=[50,66,70,49,85] let res=score.map(item => item>=60?'及格':'不及格') console.log(score,res) ``` - reduce (汇总:一堆出来一个) 1. 算总数,算平均数 ```let res1=score.reduce(function(tmp,item,index){//tmp为上一次结果//item为当前数字//index为下标(迭代次数) console.log(tmp,item,index)if(index!=this.length-1){return tmp+item} else{return (tmp+item)/arr.length }}) ``` - filter 过滤器 ```let res2=score.filter(item=>{// if(item%4==0){// return true// }else{// return false// }return item%4==0}) ``` - forEach 循环(迭代) ```let res3=score.forEach((item,index)=>{return item//undefined,没有返回值 }) ```
7.数组新增4个方法 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 ] [ '不及格', '及格', '及格', '不及格' ] 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) // 平均值 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) forEach 循环迭代 var arr = [12, 4, 8, 9] var result = arr.forEach(item => console.log(item)) var result = arr.forEach((item, index)=>console.log(item
转载于:https://www.cnblogs.com/Renyi-Fan/p/11600816.html
石川es6课程---7、数组相关推荐
- 石川es6课程---18、ES6 复习
石川es6课程---18.ES6 复习 一.总结 一句话总结: 无论在讲课和学习中,复习总结都是很重要 二.ES6 复习 变量 let const 声明方式 能否重复声明 作用域 类型 是否支持变量提 ...
- 石川es6课程---17、ES7 预览
石川es6课程---17.ES7 预览 一.总结 一句话总结: 人的价值恒定规律:无论得意还是迷茫之时,你的价值都不靠外界的评判或者你内心的悲喜而决定.而是当时的恒定的.能够提升他只能靠你提升自己的能 ...
- 石川es6课程---12、Promise
石川es6课程---12.Promise 一.总结 一句话总结: 用同步的方式来书写异步代码,让异步书写变的特别简单 用同步的方式来书写异步代码 Promise 让异步操作写起来,像在写同步操作的流程 ...
- 石川es6课程---5、函数-参数
石川es6课程---5.函数-参数 一.总结 一句话总结: ` 收集参数:收集剩余的参数,必须当到最后一个参数位置:function show(a, b, ...args) { ` 展开参数:展开数组 ...
- 石川es6课程---1-2、ES6简介
石川es6课程---1-2.ES6简介 一.总结 一句话总结: 从ECMAScript的历史发展来看,太顺了的时候总会遇到一挫折,比如ecma4 1.ECMAScript 和 JavaScript关系 ...
- 石川es6课程---13-16、generator-认识生成器函数
石川es6课程---13-16.generator-认识生成器函数 一.总结 一句话总结: ` generator函数,中间可以停,到哪停呢,用 yield 配合,交出执行权 ` 需要调用next() ...
- 石川es6课程---11、json
石川es6课程---11.json 一.总结 一句话总结: ` 感觉更方便了一点,增加了一些简写 ` key-value 一样时可以简写:console.log({ a,b}}) ` 里面函数可以简写 ...
- 石川es6课程---9、面向对象-基础
石川es6课程---9.面向对象-基础 一.总结 一句话总结: js老版本的面向对象和继承都不是很方便,新版的面向对象向其它语言靠拢,有了class,extends,constructor等关键字,用 ...
- 石川es6课程---8、字符串
石川es6课程---8.字符串 一.总结 一句话总结: · es6字符串新增两个方法:startsWith(以什么开头),endsWith(以什么结尾) · 新增反单引号:可以解析变量,可以折行:le ...
最新文章
- Linux rpm软件包管理工具常用命令示例
- mapstruct 1.4.2 和 lombok 1.18.16 及以上版本结合使用
- python使用异常的目的和好处_python 错误与异常,python assert的作用
- java字符串切割_java字符串常用操作方法(查找、截取、分割)
- chat后缀域名_域名chat.fr和.de差价近30万元 后缀系主因?
- Redis 集群中的纪元(epoch)
- 防止第二代身份证泄露隐私
- 压缩包文件的解压密码如何破解
- Dreamweaver CS6 行为概述
- 七夕情人节精美告白气球表白页
- 付费搞来的Excel资源,请低调使用!
- 视频压缩后大小没变怎么办?视频压缩后大小没变是为什么?
- 6-3 写字母(*) (10分)
- 深入浅出Flask PIN
- 以下不是python语言合法变量_违法行为的客体是指法律所保护的而为违法行为所侵害的:()...
- 大数据分析 | 用 Python 做文本词频分析
- mysql/jdbc:设置useInformationSchema=true读取表注释信息(table_comment)
- Linux系统重启和停止Mysql服务教程
- 如何理解C语言的声明
- 定义一个学生信息结构体,包含姓名,学号,语文成绩、数学成绩,和英语成绩,定义结构体数组存放不同学生的信息,可以在终端录入学生的信息,在基础上添加一个计算平均值和按照平均值排序以及删除指定学号的学生信息