精华内容
下载资源
问答
  • 数组遍历方法

    2020-10-23 13:04:34
    ###数组遍历方法 let arr = [1, 2, 3, 3] //方法用于检测数组中的元素是否满足指定条件 arr.some((item)=>{ retrue item === 3 }) //true //遍历数组,每一个元素都满足条件 则返回 true,否则返回 false arr....

    数组遍历方法

    let arr = [1, 2, 3, 3]
    //方法用于检测数组中的元素是否满足指定条件
    arr.some((item)=>{ retrue item === 3 }) //true 
    //遍历数组,每一个元素都满足条件 则返回 true,否则返回 false
    arr.every((item)=>{ retrue item === 3 }) //false 
    //最简单的一种循环遍历方法,也是使用频率最高的一种,可优化
    for(var i = 0, j = arr.length; i < j; i+=1) {
    	console.log(arr[i])
    }//这个循环用的人也很多,但是效率最低(输出的 key 是数组索引)
    for(var key in arr) {
        console.log(key) //1 2 3 4
    } 
    //虽然性能要好于 for…in…,但仍然比不上普通的 for 循环(不能循环对象)	
    for(var key of arr) {
        console.log(key) //1 2 3 3
    } 
    // 数组里的元素个数有几个,该方法里的回调就会执行几次
    // 第一个参数是数组里的元素,第二个参数为数组里元素的索引,第三个参数则是它自己
    // 数组自带的遍历方法,虽然使用频率略高,但是性能仍然比普通循环略低
    arr.forEach(function (item, idnex, array) {
        console.log(item)     // 1 2 3 3
        console.log(array)    // [1, 2, 3, 3]
    })
    //遍历每一个元素并且返回对应的元素(可以返回处理后的元素) (map 映射 一一 对应)
    //返回的新数组和旧数组的长度是一样的
    //使用比较广泛,但其性能还不如 forEach
    var newArr = arr.map(function (item, idnex) {
        return item * item
    })
    console.log(newArr)    // [1, 4, 9, 9]
    //遍历数组,过滤出符合条件的元素并返回一个新数组
    var newArr = arr.filter(function (item, index) {
    	return item>2
    })
    console.log(newArr) // [3, 3]
    //遍历数组,返回符合条件的第一个元素,如果没有符合条件的元素则返回 undefined
    var num = arr.find(function (item, index) {
    	return item === 3
    })
    console.log(num) //3
    //遍历数组,返回符合条件的第一个元素的索引,如果没有符合条件的元素则返回 -1
    var num = arr.findIndex(function (item) {
    	return item === 3
    })
    console.log(num) //2
    
    展开全文
  • 主要介绍了PHP多维数组遍历方法,实例分析了2种多维数组的遍历技巧,包括简单的foreach遍历与递归操作遍历实现方法,需要的朋友可以参考下
  • JS数组遍历方法

    2020-10-14 12:57:06
  • 主要介绍了深入浅析JS的数组遍历方法(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了详解vue数组遍历方法forEach和map的原理解析和实际应用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 常用的11种数组遍历方法: 1、for循环语句 2、forEach数组对象内置方法 (es5)  3、map数组对象内置方法  4、filter数组对象内置方法  5、reduce数组对象内置方法  6、some数组对象内置方法 和 every数组对象...

    常用的11种数组遍历方法:
    1、for循环语句
    2、forEach数组对象内置方法 (es5) 
    3、map数组对象内置方法  
    4、filter数组对象内置方法  
    5、reduce数组对象内置方法  
    6、some数组对象内置方法 和 every数组对象内置方法
    7、indexOf数组对象内置方法 和 lastIndexOf数组对象内置方法  
    8、for in循环语句 和 for of循环语句(es6)

    1.for循环

    简洁明了,通俗易懂,性能最好
    eg1:

    let arr = [1, 2, 3, 4, 5];
    for(let i = 0; i < arr.length; i++) {
      arr[i] = arr[i] * 2
    }
    console.log(arr); //[2, 4, 6, 8, 10]
    

    eg2:使用变量,将长度保存起来,当数组长度很大时,优化效果明显

    let arr = [11,22,33,44,55];
    for(let i = 0;let len = arr.length,i<len;i++){
        arr[i] = arr[i] *2;
    }
    console.log(arr)
    

    2. forEach

    • forEach对于空数组是不会执行回调函数的
    • 可接收三个参数(当前元素(必填),当前元素的索引,当前元素所属的数组对象)
    • return 不能中断函数执行,所以没有返回值,也不可以使用break语句中断循环
    • 不能改变原数组,性能没有for高 有兼容性

    3.map

    • 可以return返回值
    • 一般(通过函数方法操作)用来映射为一个新数组
    • 不改变原数组
    let arr = [1, 2, 3, 4, 5];
    let arrs = arr.map((value, index, array) => {
        return value * 2;
    });
    console.log(arrs); //[2, 4, 6, 8, 10]
    

    4、 filter

    • 一般通过函数方法,过滤出符合要求的项,返回出来一个新数组
    let arr = [1, 2, 3, 4, 5];
    let temp=arr.filter((value)=>{
        return value>2
    });
    console.log(temp);  //[3, 4, 5]
    

    5、 reduce

    • 可以实现一个累加器的功能,将数组的每个值(从左到右)累加起来

    6、 some和every

    • 执行箭头函数里的方法,返回一个布尔真假
    • some只要有,有返回真
      换成every,只要不是全都符合,就返回假
    let arr = [1, 2, 3, 4, 5];
    let temp=arr.some((item)=>{
        return item>3;
    });
    console.log(temp);
    

    7、 indexOf和lastIndexOf

    • 和字符串中该方法几乎一样
    • 只要找到一个满足条件的值就不继续执行了
    • 返回满足条件值的下标,否则返回-1
    let arr = [1, 2, 3, 4, 5];
    let temp=arr.indexOf(4);
    console.log(temp);  //3
    indexOf从左往右遍历,lastIndexOf从右往左遍历
    

    8、 for in和for of

    • for of,只能遍历数组的值,不能遍历对象
    • for in,可以遍历数组的下标,数组的值,或者对象的键值对
    • for…in遍历数组的index值(下标)的数据类型是字符串,正常的index值是数字
    let arr = [1, 2, 3, 4, 5];
    for (let i of arr) {
      console.log(i); // 1, 2, 3, 4, 5
    }
    下面是for  in的例子,既可以遍历数组,也可以遍历对象
    let arr = ["a", "b", "c", "d", "e"];
    for (let i in arr) {
      console.log(i);       // 0,1,2,3,4
      console.log(arr[i]);  //a,b,c,d,e
    }
    for  in循环对象
    let obj = {"name":"zyw","age":32,"job":"web"};
    for (let i in obj) {
      console.log(i);       // name,age,job
      console.log(obj[i]);  //zyw,32,web
    }
    

    总结

    一般的循环用for,for…in,for…of和forEach
    需要映射为新数组的用map,
    需要筛选出想要的用filter,
    数值需要进行累加的用reduce,
    如果要找一些值用some和every,
    如果想知道值的具体位置的可以用indexOf和lastIndexOf

    展开全文
  • PHP数组遍历方法小结

    2011-11-28 09:01:16
    PHP数组遍历方法小结 PHP数组遍历方法小结
  • JS的数组遍历方法

    2021-01-08 15:01:06
    JS的数组遍历方法 常用的有find、findIndex、filter、forEach、map、every、some 首先定义一个实验用的数组: let arr=[{x:1},{x:2},{x:3}] 1. find arr.find(item=>item.x===3) arr.find(item=>item.x===4) ...

    JS的数组遍历方法

    常用的有find、findIndex、filter、forEach、map、every、some
    首先定义一个实验用的数组:

    let arr=[{x:1},{x:2},{x:3}]
    

    1. find

    arr.find(item=>item.x===3)
    arr.find(item=>item.x===4)
    

    在这里插入图片描述
    数组成员依次执行回调函数,直到找出第一个返回值为true的成员,然后返回该成员。否则返回undefined。

    2.findIndex

    arr.findIndex(item=>item.x===3)
    

    数组成员依次执行回调函数,直到找出第一个返回值为true的成员,然后返回该索引值。否则返回-1。
    在这里插入图片描述
    3.filter

    arr.filter(item=>item.x!==1)
    

    所有成员依次进行条件判断,返回一个数组,包含所有满足条件的成员。
    在这里插入图片描述
    4.forEach

    arr.forEach(item=>console.log(item))
    

    遍历数组全部元素,不支持return输出
    在这里插入图片描述

    5.map

    arr.map(item=>console.log(item))
    

    遍历数组全部元素,支持return输出
    在这里插入图片描述
    6.every

    arr.every(item=>item.x)
    arr.every(item=>item.x===1)
    

    遍历所有成员,若所有成员满足条件则返回true
    在这里插入图片描述

    6.some

    arr.some(item=>item.x)
    arr.some(item=>item.x===1)
    

    遍历所有成员,若有至少一个成员满足条件则返回true
    在这里插入图片描述

    展开全文
  • 数组遍历方法1.for循环使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。for(j = 0,len=arr.length; j < len; j++) {}2.foreach循环遍历数组中的每一项,没有返回值,对...
  • js数组遍历方法解析

    2018-01-16 18:04:03
    在ES5中常用的10种数组遍历方法:(以下脚本可复制黏贴到浏览器的console中查看效果) 1、原始的for循环语句 2、Array.prototype.forEach数组对象内置方法 优点不用定义额外的参数变量,缺点: 性能不如for...
  • JavaScript数组遍历方法forEach, every, some区别
  • javascript 四种数组遍历方法

    万次阅读 2016-12-27 09:58:35
    数组遍历方法收集一些各种遍历的方法,主要针对数组 最传统方法:for( ; ; ){}var arr=[1,2,3,4,5,6]; for(var i=0;i;i++){ console.log(arr[i]); } //输出 1 2 3 4 5 6for in 方法 var arr=[1,2,3,4,5,6]; for...
  • js数组遍历方法个人笔记
  • php下最灵活的东西都是数组,很多数据都是通过数组的方式显示,这里整理下数组遍历方法,大家可以根据需要选用。
  • OC中的数组遍历方法

    2016-09-06 16:05:24
    OC中的数组遍历方法 NSArray *array = @[@"one",@"two",@"three",@"four",]; //第一种for遍历 for (NSInteger i = 0; i; i++) { NSLog(@"objects: %@ ",array[i]); } //第二种
  • ES6常见的数组遍历方法(6种)

    千次阅读 2020-07-08 11:20:24
    ES5常见的数组遍历(迭代)方法 forEach map filter some every reduce
  • 数组遍历是必不可少的最常用的东西,总结es6数组的遍历方法,如下: 1:老方法,通过for循环 //遍历数组元素 for(let i=0;i<arr.length;i++){ console.log('key:'+i) console.log('value'+i) } 2:通过for...
  • JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 var arr = [1,2,4,6] for(var i = 0, ...
  • js-数组遍历方法的总结与辨析(强烈推荐every与some) javascript中除了forEach等基础的遍历方法外,还有很多在遍历的同时做判断或修改数组的原生方法。这里记录一下常见方法的总结和相近方法的辨析。(部分方法介绍...
  • for循环只对数字索引有限;for和foreach遍历结束后不需要对数据进行reset()操作即可供下次遍历,而each方法则需要。
  • map()方法只能应用于数组遍历。如果想要遍历对象,可将对象转化为数组对象再其进行遍历。 var arr = [1,2,3,4]; //item,index,arr 分别为:当前元素的值(必填),当前元素的索引值,当前元素属于的数组对象 //...
  • 前言 数组是JavaScript中重要的...数组本质是Object类型,同时又有很多类似数组的对象类型,例如:字符串、arguments对象、NodeList等,因此掌握好数组遍历方法,也间接掌握了普通对象、类似数组对象的遍历方法。...
  • ES6, JS中的各种数组遍历方法大总结 (find,findIndex,filter,map,reduce,for in,for of) 代码如下: //find和findIndex方法 var a = [1,2,3,4] var b = a.find(function(item){ //最后返回第一个大于0的数值 ...
  • 数组的reduce方法也是数组进行遍历方法,其也接收两个参数;第一个参数是一个回调函数,第二个参数是一个传入值。其中第一个参数回调函数可以接收4个参数第一个参数为传入值,第二个参数为当前值,第三个参数为...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 23,317
精华内容 9,326
关键字:

数组遍历方法