当前位置:   article > 正文

遍历:把一个数据容器中的元素全部取出来使用_遍历一个对象,将对象的所有内容输出出来

遍历一个对象,将对象的所有内容输出出来

1.for循环是最便历数据容器最好的方法:1.兼容性好  2.逻辑简单(好交接)       

            for(let i=0;i<arr.length;i++){

              console.log(arr[i])

             }

2、ofEach是for循环后来出的方法 但是它不返回新数组 直接操作原数组(一般不推荐使用)

             var arr=[100,200,300]

             arr.forEach((el,index,arr1)=>{

             arr1[index]=el*2

              arr1.shift()

//在forEach回调中尽量不要操作原数组,因为每次回调函数执行都会再次使用最新的原数组的数据

              console.log(el,index,arr,arr1==arr)

             return 100

             })

3、map 推荐使用

             var arr=[100,200,300]

             var re=arr.map((el,index,arr)=>{

              console.log(el,index,arr)

              return el*2

             })

4、我推荐不使用

             var arr = [100, 200, 300]

             for (el of arr) {

              console.log(el)

             }

for of 循环是 Es6 中新增的语句, 用来替代for in 和 forEach, 它允许你遍历 Arrays( 数组), Strings( 字符串), Maps( 映射), Sets( 集合)

5、

  1. <script>
  2. var arr = [{
  3. name: "karen",
  4. age: 16,
  5. rank: 484
  6. }, {
  7. name: "jack",
  8. age: 19,
  9. rank: 600
  10. }, {
  11. name: "marry",
  12. age: 18,
  13. rank: 550
  14. }]
  15. var arr2=arr.filter((el)=>{
  16. console.log(el)
  17. if(el.age>=18){return true}
  18. else{return false}
  19. }).filter((el)=>{
  20. if(el.rank>500){
  21. return true
  22. }else{
  23. return false
  24. }
  25. })
  26. var arr2=arr.filter((el)=>{
  27. //el引用了arr中元素 但是是一种浅拷贝
  28. console.log(el)
  29. el.name="xxx"
  30. if(el.age>=18){return true}
  31. else{return false}
  32. })
  33. arr2[0].rank=400
  34. console.log(arr2,arr)

这个方法返回的是符合条件的数组

 

 6、

  1. <script>
  2. var arr = [{
  3. name: "karen",
  4. age: 16,
  5. rank: 484
  6. }, {
  7. name: "jack",
  8. age: 19,
  9. rank: 600
  10. }, {
  11. name: "marry",
  12. age: 18,
  13. rank: 550
  14. }]
  15. var re=arr.some((el)=>{
  16. console.log(el)
  17. if(el.rank>599){return true}
  18. })
  19. console.log(re)

这个方法返回的是符合条件的对象

 8、

arr.every((el)=>{

                if(el.age>18){return true}

                else{return false}

            })

这个方法是要全部的符合条件 

9、

arr.reduce((累加的值,下一个元素)=>{  },初始值)

10、从右边开始累加

  1. <script>
  2. var arr = [{
  3. name: "karen",
  4. age: 16,
  5. rank: 484
  6. }, {
  7. name: "jack",
  8. age: 19,
  9. rank: 600
  10. }, {
  11. name: "marry",
  12. age: 18,
  13. rank: 550
  14. }]
  15. var re=arr.reduceRight((pre,next)=>{
  16. console.log(pre,next)
  17. return {age:pre.age+next.age}
  18. })
  19. console.log(re)

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/426088
推荐阅读
相关标签
  

闽ICP备14008679号