我们可以使用for-of循环访问数组元素:
For (const j of [1,2,3,4,5]) { console.log (j); }
我如何修改这段代码来访问当前索引?我想使用for-of语法来实现这一点,既不是forEach也不是for-in。
我们可以使用for-of循环访问数组元素:
For (const j of [1,2,3,4,5]) { console.log (j); }
我如何修改这段代码来访问当前索引?我想使用for-of语法来实现这一点,既不是forEach也不是for-in。
使用Array.prototype.keys:
对于[1,2,3,4,5].keys()的const索引{ console.log(指数); }
如果你想同时访问键和值,你可以使用Array.prototype.entries()进行解构:
For (const [index, value] of [1,2,3,4,5].entries()) { console.log(指数、价值); }
在html/js上下文中,在现代浏览器中,对于数组以外的其他可迭代对象,我们也可以使用[iterable].entries():
for(let [index, element] of document.querySelectorAll('div').entries()) {
element.innerHTML = '#' + index
}
对于那些使用的对象不是数组,甚至不是类似数组的对象,你可以很容易地构建自己的iterable,这样你仍然可以使用For或For像localStorage这样只有长度的东西:
function indexerator(length) {
var output = new Object();
var index = 0;
output[Symbol.iterator] = function() {
return {next:function() {
return (index < length) ? {value:index++} : {done:true};
}};
};
return output;
}
然后输入一个数字:
for (let index of indexerator(localStorage.length))
console.log(localStorage.key(index))
在这个花哨的新本地函数的世界里,我们有时会忘记基本的东西。
for (let i = 0; i < arr.length; i++) {
console.log('index:', i, 'element:', arr[i]);
}
干净,高效,你仍然可以打破循环。奖金!你也可以从结尾开始,用i——!
额外注意:如果你在循环中经常使用这个值,你可能希望执行const value = arr[i];在循环的顶部为一个简单的,可读的参考。
在for..of循环中,我们可以通过array.entries()实现这一点。数组中。entries返回一个新的Array迭代器对象。迭代器对象知道如何在一次访问可迭代对象中的项,同时跟踪其在该序列中的当前位置。
当在迭代器上调用next()方法时,生成键值对。在这些键值对中,数组索引是键,数组项是值。
Let arr = ['a', 'b', 'c']; Let iterator = arr.entries(); console.log (iterator.next () value);// [0, 'a'] console.log (iterator.next () value);// [1, 'b']
for..of循环基本上是一个构造,它消耗一个可迭代对象并遍历所有元素(在底层使用迭代器)。我们可以按照以下方式将其与array.entries()结合起来:
数组= ['a', 'b', 'c']; for (let indexValue of array.entries()) { console.log (indexValue); } //我们可以使用数组解构来方便 //在变量中存储索引和值 For (let [index, value] of array.entries()) { console.log(指数、价值); }
另一种方法是使用Array.prototype.forEach() as
Array.from ({ 长度:5 }, () => Math.floor(Math.random() * 5))。forEach((val, index) => { console.log (val,索引) })
如果你需要索引,你也可以自己处理索引,如果你需要键,它将不起作用。
let i = 0;
for (const item of iterableItems) {
// do something with index
console.log(i);
i++;
}
您还可以使用JavaScript来解决您的问题
迭代(item, index) { Console.log (' ${item}有索引${index} '); //做你想做的… } readJsonList () { jsonList.forEach (this.iterate); //它可以是任何数组列表。 }
只需在循环之前创建一个变量并分配一个整数值。
设index = 0;
然后使用加法赋值运算符进入循环作用域
指数+= 1;
就是这样,检查下面的代码片段示例。
设index = 0; For (const j of [1,2,3,4,5]) { console.log(指数,指数); 指数+= 1; }
你可以尝试使用里面的indexOf方法。循环
let arrData = [15, 64, 78] for (arrData的const数据){ console.log(“数据值”,数据,“数据索引”,arrData.indexOf(数据)); }