好程序员分享JavaScript学习笔记ES5中常见的数组方法-阿里云开发者社区

开发者社区> 好程序员> 正文

好程序员分享JavaScript学习笔记ES5中常见的数组方法

简介:
+关注继续查看

  好程序员分享JavaScript学习笔记ES5中常见的数组方法,ES5中常见的数组常用方法
之前我们讲过的数组常用方法都是ES3的方法,今天来说一些ES5中的方法。
indexOf
indexOf 用来找到数组中某一项的索引
语法: indexOf(你要找的数组中的项)
var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找数组中的某一项var index = arr.indexOf(3)
console.log(index) // 2
我们要找的是数组中值为 3 的那一项
返回的就是值为 3 的那一项在该数组中的索引

如果你要找的内容在数组中没有,那么就会返回 -1
var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找数组中的某一项var index = arr.indexOf(10)
console.log(index) // -1
你要找的值在数组中不存在,那么就会返回 -1

forEach
和 for 循环一个作用,就是用来遍历数组的
语法:arr.forEach(function (item, index, arr) {})
var arr = [1, 2, 3]
// 使用 forEach 遍历数组arr.forEach(function (item, index, arr) {
// item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 console.log('数组的第 ' + index + ' 项的值是 ' + item + ',原始数组是', arr)})
forEach() 的时候传递的那个函数,会根据数组的长度执行
数组的长度是多少,这个函数就会执行多少回

map
和 forEach 类似,只不过可以对数组中的每一项进行操作,返回一个新的数组
var arr = [1, 2, 3]
// 使用 map 遍历数组var newArr = arr.map(function (item, index, arr) {
// item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item + 10})
console.log(newArr) // [11, 12, 13]
filter
和 map 的使用方式类似,按照我们的条件来筛选数组
把原始数组中满足条件的筛选出来,组成一个新的数组返回
var arr = [1, 2, 3]
// 使用 filter 过滤数组var newArr = arr.filter(function (item, index, arr) {
// item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item > 1})
console.log(newArr) // [2, 3]
我们设置的条件就是 > 1
返回的新数组就会是原始数组中所有 > 1 的项

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JavaScript学习(四)
一元运算符:只需要一个操作数。 + 正号:正号不会对我们的数值产生任何影响             - 负号:负号可以对数值进行负号取反 正负号都可以将数值类型转换成number,原理和number()函数一样。
604 0
JavaScript学习(五)
目录   条件判断语句: if语句: if...else语句 switch语句 while语句 do...while语句 for循环语句 跳转语句: continue语句 break语句   条件判断语句: if语句: if条件判断语句是最基本、最常用的流程控制语句,可以根据条件表达式的值执行相应的处理。
637 0
JavaScript学习(九)
  对象访问语句 for...in循环语句 for...in循环语句和for循环语句十分相似,for...in语句用来遍历对象的每一个属性。
843 0
JavaScript学习(六)
目录 函数 函数的定义 函数的调用 函数的简单调用 在事件响应中调用函数 通过超链接定义函数 函数参数的使用   使用函数的返回值 嵌套函数 递归函数 javascript中的内置函数 (1)pa...
904 0
JavaScript学习(十)
目录 练习: String对象的方法 1.查找字符串 (1)charAt()方法   (2)indexOf()方法 (3)lastIndexOf()方法 2.截取字符串 (1)silce()方法 (2)substr()方法 (3)substring()方法 3.连接和拆分 (1)concat()方法 (2)split()方法 4.格式化字符串 练习: 在text文档中输入英文小写字母,点击按钮之后把文本框中的小写字母变成大写。
797 0
JavaScript面向对象的编程指南学习笔记
JavaScript面向对象的编程指南学习笔记 第一章 1,用自己的语言描述出,什么是对象、类、封装、聚合、继承、多态? 对象,拥有属性和方法的任何抽象概念。 类,可以实例化,有共同属性或方法(行为)的相似对象,的模板 封装,提供接口,隐藏接口的实现 聚合,将大功能(对象)拆分成小功能(小对象)去实现的逆过程。
8844 0
《JavaScript高级程序设计(第3版)》阅读笔记
第6章 面向对象的程序设计 6.2 创建对象 6.2.1 工厂模式 JavaScript创建对象(一)—— 工厂模式 6.
833 0
JavaScript学习(三)
强制类型转换(将一个数据类型强制转换为另一个数据类型) 在JS中如果需要写16进制的数字,需要以0x开头。8进制数字,需要以0开头。
752 0
+关注
333
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载