ES5 数组5种迭代方法

1.every();对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。
2.filter();对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组.
3.forEach();对数组中的每一项运行给定函数,这个方法没有返回值
4.map();对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
5.some();对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true.
在这些方法中,最相似的是every()和some();他们都是查询数组中的项是否满足某个条件。
对every()来说,传入的函数必须对每一项都返回true,这个方法才返回true;否则返回false。而some()方法则是只要传入的函数对数组中的某一项返回true,就会返回true;请看下面的例子

every()

var numbers = [1,2,3,4,5,4,3,2,1];
 var everyResult = numbers.every((item,index,array)=>{
     return item>2
 })
 everyResult  //false

some()

var numbers = [1,2,3,4,5,4,3,2,1];
  var someResult = numbers.some((item,index,array)=>{
      return item>2
  })
  someResult   //true

filter()

 var numbers = [1,2,3,4,5,4,3,2,1];
  var filterResult = numbers.filter((item,index,array)=>{
      return item>2
  })
filterResult  //[3, 4, 5, 4, 3]

map()

var numbers = [1,2,3,4,5,4,3,2,1];
  var mapResult = numbers.map((item,index,array)=>{
      return item*2
  })
mapResult  //[2, 4, 6, 8, 10, 8, 6, 4, 2]

forEach()

他没有返回值;本质上跟使用for循环迭代是一样的

  var numbers = [1,2,3,4,5,4,3,2,1];
  numbers.forEach((item,index,array)=>{
      //执行某些操作
  })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES5(ECMAScript 5)和ES6(ECMAScript 2015)是JavaScript的两个不同版本。ES5是旧版本,而ES6是新版本,也被称为ES2015。下面是对它们的介绍以及二者之间的区别: ES5: - ES5于2009年发布,是目前广泛支持的JavaScript版本。 - ES5引入了一些重要的语言特性,如严格模式(strict mode)、JSON对象、数组方法(如forEach、map、reduce等)和函数的bind方法等。 - ES5的语法相对较旧,有些功能相对较少,需要使用传统的JavaScript编码风格。 - ES5不支持块级作用域、类和模块等较新的特性。 ES6: - ES6于2015年发布,引入了许多新的语言特性和改进。 - ES6引入了类(class)、模块化(module)、箭头函数(arrow function)、解构赋值(destructuring assignment)、默认参数(default parameters)、扩展操作符(spread operator)等新特性,使代码更加简洁和易读。 - ES6提供了更好的迭代器和生成器支持,以及Promise和异步函数(async/await)等处理异步编程的工具。 - ES6引入了块级作用域(let和const关键字)和模板字符串(template literals)等更好的变量和字符串处理方式。 - ES6提供了更丰富的数组方法(如find、findIndex、includes等)和对象操作(如对象属性简写、对象解构等)。 ES5和ES6的区别: - 语法:ES6引入了许多新的语法特性,使代码更加简洁和易读。例如,箭头函数、模板字符串、解构赋值等都是ES6中新增的语法。 - 新特性:ES6引入了许多新的功能和改进,如类、模块化、Promise等。这些新特性使得开发更加方便和高效。 - 兼容性:由于ES6是较新的版本,不同浏览器和环境对其支持程度不同。为了兼容旧版本的浏览器,通常需要使用转译工具(如Babel)将ES6代码转换为ES5代码。 总结: ES5JavaScript的旧版本,支持广泛,而ES6是较新的版本,引入了许多新的语法和功能。ES6使得JavaScript代码更加现代化、简洁和易读。然而,由于兼容性问题,一些项目仍然使用ES5。在选择使用哪个版本时,需要考虑目标环境和项目需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值