Javascript中举行遍历操纵的一切要领

以数组const arr = [1, 2, 3];为例,有以下的要领可以用于遍历操纵:

for

  for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
  }

for-in

  for(let index in arr){
    console.log(arr[index]);
  }

for-in现实是遍历一个对象的可罗列属性,是无序的遍历,所以在须要有序的遍历数组时不能用for-in

for-of

  for (let item of arr) {
    console.log(item);
  }

任何完成了可迭代协定(Iteration protocols) 的对象(Array,Map,Set,String等)都可用for-of举行迭代。

forEach

  arr.forEach((item, index) => {
    console.log(item);
  });

这里的forEach指的是Array.prototype.forEachforEach是数组特有的要领,其他数据结构不能运用该要领。固然某些数据结构也可以定义本身的forEach要领,比方经由过程document.querySelectorAll猎取的NodeList也具有本身的forEach要领,用法也和arryforEach一样,但他们不是一个东西。

map

 arr.map((item, index) => {
    console.log(item);
  });

注重:map会返回一个和元素组长度一样的新数组,新数组中的元素由元素组元素盘算获得。

filter

 arr.filter((item, index) => {
    console.log(item);
  });

注重:filter也会返回一个新数组,新数组长度<=原数组长度,新数组中元素由原数组中挑选获得。

以上是我能想到的一切要领,假如另有其他要领,愿望提示!

谢谢人人浏览,别的,在这边帮朋侪推一个爱心众筹,愿望人人可以贡献点爱心,朋侪母亲,身患直肠癌,现在在北京武警总医院吸收医治,可留言留下您的联系方式,往后感谢感动人人!

《Javascript中举行遍历操纵的一切要领》

    原文作者:MudOnTire
    原文地址: https://segmentfault.com/a/1190000016295259
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞