Vue前端js循环遍历数组八种方法总结最新
【代码】Vue前端js循环遍历数组八种方法总结最新。
·
前五种常用,第三种个人觉得常用最多,自己复制代码打印试试
var arr = [1, 2, 3, 4, 5, 6];
// 第一种 for循环遍历
var newArr = [];
for(var i = 0; i < arr.length; i++){
newArr.push(arr[i])
console.log(newArr)
}
// 第二种 es6语法 arr.forEach()遍历
var newArr = [];
arr.forEach((item) => {
newArr.push(arr[item])
console.log(newArr)
})
// 第三种 Object.keys()遍历
// (个人推荐比较好用:枚举方法) (返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).)
var newArr = [];
Object.keys(arr).forEach((item) => {
newArr.push(arr[item])
console.log(newArr)
})
// 第四种 arr.map(function callback(currentValue[, index[, array]]) 或者这样 array.map(item,index,arr)
// currentValue: callback一系列中正在处理的当前元素 index: callback一系列中正在处理的当前元素的索引。array: map 调用方法的目录
var newArr = []
arr.map((item) => {
newArr.push(arr[item])
console.log(newArr)
})
// 第五种 for...in...遍历
// 循环遍历对象自身的和继承的可枚举属性(循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).).
var newArr = []
for(var i in arr ) {
newArr.push(arr[i])
console.log(newArr,'1111111')
}
// 第六种 for-of遍历
//不仅支持数组,还支持大多数类数组对象,例如DOM NodeList对象.
//也支持字符串遍历,它将字符串视为一系列的Unicode字符来进行遍历.
var newArr = []
for(var i of arr){
newArr.push(arr[i])
console.log(newArr)
}
// 第七种 Object.getOwnPropertyNames(obj) 遍历
// 返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).
var newArr = [];
Object.getOwnPropertyNames(arr).forEach((item) => {
newArr.push(arr[item])
console.log(newArr,'!!!!')
})
// 第八种 Reflect.ownKeys(obj)遍历
// 返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举.
var newArr = [];
Reflect.ownKeys(arr).forEach((item) => {
newArr.push(arr[item])
console.log(newArr)
// 数组可以全部打印出来特别!!!!
})
更多推荐
已为社区贡献1条内容
所有评论(0)