前言

在vue中，遍历数组和对象的方式略有不同，不能完全以数组或对象的遍历方式给对方使用并获取数据。为了记录以及以后方便查看，现在对其进行整理。

数组遍历

以数组

array = [1,2,3,4,5]

为例
数组的遍历有以下几种

获取数组的长度进行遍历

for (let i = 0; i<array.length;i++) {Console.log("遍历后的数据",array[i]);
}

使用foreach遍历

array.foreach((index) => {Console.log("遍历后的数组:",array[index]);Console.log("下标:",index);
})

Object.key()遍历

Object.key(array).foreach((index) => {Console.log("遍历后数组:",array[index]);Console.log("下标:",index);
})

map遍历

array.map((index) => {Console.log("遍历后数组:",array[index]);Console.log("下标:",index);
})

for… in遍历

for (let inedx in array){Console.log("遍历后数组:",array[index]);Console.log("下标:",index);
}

for…of遍历

for (let index of array) {Console.log("遍历后数组:",array[index]);Console.log("下标:",index);
}

对象遍历

以对象

let obj = [
{name: "张三",age: "15"，
},
{name: "李四",age: "26"，
}
]

为例

for … in … 遍历

for (let key in obj){Console.log("下标:",key);Console.log("遍历后每条数据:",obj[key]);Console.loh("遍历后每天数据姓名属性值:",obj[key].name);
}

Object.key()遍历

Object.keys(obj).forEach((key) => {Console.log("下标:",key);Console.log("遍历后每条数据:",obj[key]);Console.loh("遍历后每天数据姓名属性值:",obj[key].name);
})

结语

以上为vue遍历数组和对象的方式。

vue使用js遍历数组和对象相关推荐

JS遍历数组和对象的方法
JS遍历数组的方法有: for forEach for-in for-of map JS遍历对象的方法有 for-in Object.keys Object.getOwnPropertyNames(o ...
JQuery和原生JS遍历数组和对象的对比
目录 1 遍历数组 1.1 JQuery遍历数组 1.2 原生JS遍历数组 2 遍历对象 2.1 JQuery遍历对象 2.2 原生JS遍历对象 1 遍历数组 1.1 JQuery遍历数组在JQue ...
js 遍历数组及对象属性
遍历数组: for(let i of arr){console.log(i); } 遍历对象属性: for (let i of Object.keys(obj)){console.log(param[ ...
JS遍历数组，对象，字符串
数组遍历 for --使用变量将数组长度缓存起来,在数组较长时性能优化效果明显 for(var i=0,len=arr.length;i<len;i++){console.log("元 ...
java和js中遍历数组和对象的总结
java和js中遍历数组和对象的总结在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...
js、jq遍历数组和对象
js遍历数组 1.普通for循环 var arr = [1,4,45,34,12,45,56,8]; for ( var i = 0; i <arr.length; i++){console.l ...
js循环遍历数组（对象）
js循环遍历数组(对象) 1,for循环对于循环应该是最常用的一种遍历方式了,通常用来遍历数组结构. let arr = ['a','b','c']; for (let i=0; i<arr. ...
vue 监听map数组变化_解决vue无法侦听数组及对象属性的变化问题
一.数组 1.可以监听到的情况如push.splice.=赋值(array=[1,2,3]) 2.无法监听到的情况使用下标修改某个元素(这种比较常见) array[index] = 1 objec ...
js遍历数组foreach_JavaScript forEach –如何在JS中遍历数组
js遍历数组foreach The JavaScript forEach method is one of the several ways to loop through arrays. Each ...

vue使用js遍历数组和对象

前言

数组遍历

对象遍历

结语

vue使用js遍历数组和对象相关推荐

最新文章

热门文章