实例详解ECMAScript5中新增的Array方法_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了实例详解ECMAScript5中新增的Array方法_javascript技巧,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3820字,纯文字阅读大概需要6分钟。
内容图文
ECMAScript5 给出了一系列新的API接口,这些接口在新的浏览器中大部分是被支持的,IE9,Chrome,FirFor都支持,也有少量API不是所有浏览器都支持,以下内容仅介绍大部分被支持的API。利用新的API我们可以设计出非常靠谱的类,而且还能保持原有的javaScript的风格。ECMAScript5标准发布于2009年12月3日,它带来了一些新的,改善现有的Array数组操作的方法。(注意兼容性)
在ES5中,一共有9个Array方法:http://kangax.github.io/compat-table/es5/
下面列举了其中的7种方法,前5种方法很常见,很多开发者都会用到:
1、indexOf()
indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1。
2、filter()
该filter()方法创建一个新的匹配过滤条件的数组。
不用 filter() 时:
用了 filter():
3、forEach()
forEach为每个元素执行对应的方法,是用来替换for循环的。
4、map()
map()对数组的每个元素进行一定操作(映射)后,会返回一个新的数组。
使用map()方法:
5、reduce()
reduce()可以实现一个累加器的功能,将数组的每个值(从左到右)将其降低到一个值。也可以理解为:让数组中的前项和后项做某种运算,并累积最终值;
场景: 统计一个数组中有多少个不重复的单词;
使用reduce()后:
6 、array.some(callback[, thisObject]);callback : 函数用来测试某些元素。
thisObject: 对象作为该执行回调时使用。
检测数组中是否有某些项符合条件;
7、array.every(callback[, thisObject]);callback : 函数用来测试每个元素。thisObject: 对象作为该执行回调时使用。
检测数组中每一项是否符合条件;
通过以上实例给大家介绍了ECMAScript5中新增的Array方法,希望对大家有所帮助!
内容总结
以上是互联网集市为您收集整理的实例详解ECMAScript5中新增的Array方法_javascript技巧全部内容,希望文章能够帮你解决实例详解ECMAScript5中新增的Array方法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。