Javascript中的for of与for in
for...of
与for...in
为开发者提供了一种简单便捷的循环执行语法,其可以遍历任何可迭代对象和可枚举的对象,例如字符串等等
下面是一些可以帮助大家理解和记忆的使用案例
0x00 for of
使用for...of
可以遍历例如数组这样可以迭代的变量:
let animals = ['鸡', '猪', '羊', '兔']; let names = ['Gertrude', 'Henry', 'Melvin', 'Billy Bob']; for (let animal of animals) { // Random name for our animal let nameIdx = Math.floor(Math.random() * names.length); console.log(`${names[nameIdx]} the ${animal}`); } // Henry the 鸡 // Melvin the 猪 // Henry the 羊 // Billy Bob the 兔
字符串也是一种可迭代的类型,因此开发者也可以用for...of
去遍历字符串
let str = 'abcde'; for (let char of str) { console.log(char.toUpperCase().repeat(3)); } // AAA // BBB // ...
for...of
也可用于遍历函数的arguments对象
、map
、set
、生成器(generators)
、DOM节点集合
0x01 for…in
使用for...in
可以遍历对象的所有属性(object的keys):
let oldCar = { make: 'Toyota', model: 'Tercel', year: '1996' }; for (let key in oldCar) { console.log(`${key} --> ${oldCar[key]}`); } // make --> Toyota // model --> Tercel
也可以借助for...in
去遍历例如数组或字符串这样可迭代的索引值:
let str = 'Turn the page'; for (let index in str) { console.log(`Index of ${str[index]}: ${index}`); } // Index of T: 0 // Index of u: 1
版权声明:《 [翻译]Javascript中的for of与for in 》为DYBOY原创文章,转载请注明出处!
最后编辑:2020-8-23 16:08:16
2021-05-27 18:13
2020-08-26 09:59