JavaScript：常用的一些数组遍历的方法
常用的一些遍历数组的方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var students=[
{
name:'小红',
age:20,
sex:'女'
},
{
name:'小华',
age:18,
sex:'男'
},
{
name:'小多',
age:22,
sex:'男'
}
]; //数组遍历之forEach：就是单纯遍历数组
var he1=students.forEach(function(item,index,arr){
item.sex='男'
return item;
});
console.log(he1); //无返回值
console.log(students) //会改变原数组，此处在控制台会打印性别全是女，因为后面的代码改了，指针问题（打断点看） //数组遍历之for in：这个是遍历对象的方法
for(var k in students){
console.log('k代表',k); //数组里k代表下标，对象里k代表键
console.log(students[k].age);
} //数组遍历之map：特点就是有返回值，可以返回新的数组
var he2=students.map(function(item,index,arr){
item.sex='女'
return item;
});
console.log(he2); //有返回值
console.log(students) //会改变原数组 //筛选数组之filter：特点就是返回筛选后的数组
var he3=students.filter(function(item,index,arr){
return item.sex=='男'; //将符合条件json对象，作为一个数组返回
});
console.log(he3); //检查数组之some：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测
var hx4=students.some(item=>{
return item.age>18
})
console.log(hx4) //检查数组之every：所有元素都满足则返回true
var hx5=students.every(item=>{
return item.age>18
})
console.log(hx5) //检查数组之find：返回符合条件的第一个元素,没有则返回undefined
var hx6=students.find(item=>{
return item.age>18
})
console.log(hx6)
</script>
</body>
</html>
JavaScript：常用的一些数组遍历的方法的更多相关文章
- JavaScript引用类型之Array数组的排序方法
数组中已经存在两个JavaScript给我们定义好的重排序的方法:reverse()和sort()方法,下面来简单分析下: 1.reverse() 用于反转数组项的顺序,代码如下: <sc ...
- iOS中数组遍历的方法及比较
数组遍历是编码中很常见的一种需求,我们来扒一拔iOS里面都有什么样的方法来实现,有什么特点. 因为ios是兼容C语言的,所以c语言里面的最最常见的for循环遍历是没有问题的. 本文中用的数组是获取的系 ...
- iOS中数组遍历的方法及比較
数组遍历是编码中非经常见的一种需求.我们来扒一拔iOS里面都有什么样的方法来实现,有什么特点. 由于iOS是兼容C语言的.所以C语言里面的最最常见的for循环遍历是没有问题的. 本文中用的数组是获取的 ...
- Effective JavaScript Item 49 对于数组遍历，优先使用for循环，而不是for..in循环
本系列作为Effective JavaScript的读书笔记. 对于以下这段代码,能看出最后的平均数是多少吗? var scores = [98, 74, 85, 77, 93, 100, 89]; ...
- 关于 ES5 & ES6 数组遍历的方法
ES5 数组遍历方法 1.for 循环 , , , , ] ; i < arr.length; i++) { console.log(arr[i]) } 2.forEach , , , , ] ...
- java 数组遍历（方法内部的代码）
//数组遍历(依次输出数组中的每一个元素)二维数组: int[][] arr={{1,2},{3,4,5},{6,7}}; for(int i=0;i<arr.length;i++){ for( ...
- JavaScript 的 4 种数组遍历方法： for VS forEach() VS for/in VS for/of
我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人疑惑.Airbnb 编码风格禁止使用 for/in 与 for/of,你知道为什么吗? 这篇文章将详细介绍以下 4 ...
- JavaScript里面9种数组遍历！
大家好,我在这里总结分享了JavaScript中的闹腾的数组循环家族. 1.大家最常用的for循环,我就不解释了: for(let i = 0; i < 5 ; i++){ console.l ...
- 数组遍历 forEach 方法
数组的遍历 遍历数组,将数组中的所有元素都取出来. 使用for 循环执行数组的索引(length-1)相同的次数. var arr=["1", "5", &qu ...
随机推荐
- mysql调优从书写sql开始
理论知识 MySQL 的运行机制 Mysql 的SQL关键字执行顺序 1.MySQL 的优化方案有哪些? MySQL 数据库常见的优化手段分为三个层面:SQL 和索引优化.数据库结构优化.系统硬件优化 ...
- yum安装指定版本ceph包
安装ceph包的方式有很多,这里讲的是从官网直接通过yum源的安装方式进行安装 yum源对应的地址为 http://download.ceph.com/rpm-hammer/el6/x86_64/ 怎 ...
- go get以后下载的包不在src下而在pkg的问题
我的GOPATH是这样的 但是当我go get下载包之后 下载的却不在src,而是在 $GOPATH$/pkg 下 原因可能是之前第一次go get下载, GitHub的速度太慢了,我更改了代理,使用 ...
- 每日理解(一) Spring框架
每日理解 SpringIOC 控制反转 在Java SE中通过new来创建对象.而在Spring中通过容器来控制对象. 所谓的控制包括:对象的创建.初始化.以及销毁.我们有之前的主动控制对象,变为了S ...
- txt文件覆盖恢复
1.txt文件恢复到之前保存的版本 2.电脑未重启 方式:如果你使用系统还原可以用"还原以前的版本"功能来轻松找回. 右击.txt文件-还原以前的版本-选择时间点-还原
- Word文档数据被误删了怎么办，还能恢复吗
很多时候由于时间紧张或者是思路不想被打断,我们在编辑Word时不能及时的手动保存,一旦遇到电脑意外断电的情况可能就会导致编辑好的Word文档内容丢失.或者是文档编辑好了之后,Word提示是否保存时,误 ...
- 禅道 基于原lnmp 搭建
禅道下载地址:https://www.zentao.net/download/zentaopms12.3.3-80243.html '' [root@5ig6m dev]# wget https:// ...
- java运算符与程序逻辑控制
一.运算符 java中的运算符大致分为四种:数学运算符,关系运算符.逻辑运算符.位运算 1.数学运算符:即咱们平常说的加减乘除运算,这种运算是分先后顺序的,如果想要优先进行运算,建议加上小括号,使其运 ...
- django项目运行步骤
第一步: 创建gjango项目 django-admin startproject dname python manage.py startapps aname 第二部: 运行 -- 编辑设置 -- ...
- VMware Workstation Pro 16 官方正式版下载（含密钥）
VMware官方网站 https://www.vmware.com VMware Workstation Pro已于近日更新.毫无疑问,这可能是Windows系统上最强大最好用的虚拟机! VMware ...