数组,对象遍历

Posted LWJ_jay

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组,对象遍历相关的知识,希望对你有一定的参考价值。

一.for-in

 1.遍历数组:
   for(item in array) { 
        console.info(array[item])
     }
item =>下标
2.遍历对象
for(item in obj) { 
        console.info(item);
      }
item =>属性名
二.forEach
1.遍历数组
array.forEach(function(v, i, a) {
        console.log(i);
  });
v =>数组的每一项
i =>下标
a =>数组本身
三.for-of
1.遍历数组
for(let item of array) {
        console.info(item.name)
      }
item =>数组的每一项
2.遍历字符串,(替换,查找)
for(item of st) {
        console.info(item)
      }
item =>字符串的每一个拆分值
3.部署了 Iterator 接口的对象
    const map = new Map();
    map.set(‘first‘, ‘hello‘);
    map.set(‘second‘, ‘world‘);
    for(let keys of map){
      console.info(keys)
    }
key => 每一项键值对,以数组形式返回:["first","hellow"]
四.json转换
     var jsonString =‘{"1":"909","2":"409"}‘
      var jsonObj1 =JSON.parse(jsonString)
      // 这种方式不安全,eval会执行json串中的表达式
      var jsonObj = eval(‘(‘ + jsonString + ‘)‘)
      var toString = JSON.stringify(jsonObj)
      console.info(jsonObj1)
      console.info(jsonObj)
      console.info(toString)
五.概念
1.json串 var jsonString =‘{"1":"909","2":"409"}‘
2.json对象 var jsonString ={"1":"909","2":"409"}
3.json数组对象 var jsonString =[{"1":"909","2":"409"},{"1":"909","2":"409"}]

以上是关于数组,对象遍历的主要内容,如果未能解决你的问题,请参考以下文章

JS 两个数组对象的遍历去重

JavaScript 遍历出一个数组中对象的某个值

JS遍历一个数组里包含数组对象然后组成三个新的数组,怎么遍历?

列表渲染 之 v-for遍历数组和对象(利用key属性实现高效更新)

37 掌握v-for遍历数组和对象

js的Dom对象集合循环遍历过程中数组长度发生变化,小白不懂,求大神指教