个人随笔
目录
JS数组Array的遍历方法
2019-02-18 22:57:46

下面介绍一下js汇总数组Array的遍历方法,Object和Array是原生构造函数,会在运行的时候自动加入执行环境。

1、Array的创建方法

调用Array的构造方法
  1. var arr=new Array();
  2. var arr=new Array(3);//长度为3
  3. var arr=new Array(1,2,3);//长度为3,有三个值
用户数组字面量的方法创建
  1. var arr =[3,4,5,6];

2、遍历的方法

  1. 每个方法都接收两个参数:要在每一项上运行的函数和运行该函数的作用域对象——this的值(可选的)。
  2. 传入这些方法中的函数会接收三个参数:数组项(item)的值、该项在数组中的位置(index)和数组对象本身(array)。
  3. 根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这5个迭代方法的作用。
  4. var numbers= [1,2,3,4,5,6,7,4,3,2,1];
a、every

对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

  1. var result1 = numbers.every(function(item,index,array){
  2. return (item>2);
  3. });
  4. alert(result1);
b、some

对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

  1. var result2 = numbers.some(function(item,index,array){
  2. return (item>2);
  3. });
  4. alert(result2);
c、filter

对数组中的每一项运行给定函数,返回该函数会返回true 的项组成的数组。

  1. var result3 = numbers.filter(function(item,index,array){
  2. return (item>2);
  3. });
  4. alert(result3)
d、map

对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

  1. var result4 = numbers.map(function(item,index,array){
  2. return item*2;
  3. });
  4. alert(result4);
  5. var result6=0;
  6. var result5 =numbers.forEach(function(item,index,array){
  7. result6+=item;
  8. });
  9. alert(result6);
  10. alert(result5);
e、forEach

对数组中的每一项运行给定函数。这个方法没有返回值。

  1. numbers.forEach(function(item,index,array){
  2. alert(item);
  3. });

结语

遍历数组很简单,但是貌似我在工作中没怎么用到。

 524

啊!这个可能是世界上最丑的留言输入框功能~


当然,也是最丑的留言列表

有疑问发邮件到 : suibibk@qq.com 侵权立删
Copyright : 个人随笔   备案号 : 粤ICP备18099399号-2