js页面中for each循环里如何添加索引

一、js页面中for each循环里如何添加索引

1、js的for里面的变量就是下标索引。

2、varperson={fname:"John",lname:"Doe",age:25};

3、}

补充：你说的是foreach,那就是定义遍历函数时有个参数是索引。

4、补充：你说的是foreach,那就是定义遍历函数时有个参数是索引。

5、array.forEach(callback[, thisArg])

6、在数组每一项上执行的函数，接收三个参数：

7、当前项（指遍历时正在被处理那个数组项）的值。

8、可选参数。用来当作callback函数内this的值的对象。

9、参考：

二、js怎么循环遍历json数组

1、在JavaScript中遍历JSON数组有多种方法，可以使用for循环、for...of循环、Array.forEach()方法或map()方法。

2、使用for循环时，通过数组下标访问每一项。这方法适用于理解数组索引的初学者。

3、for...of循环直接访问数组的每一项，简化了遍历过程，使代码更加简洁易读。

4、Array.forEach()方法用于执行一次为数组中的每个元素调用的函数。它将遍历数组并执行一个指定的操作。

5、map()方法则用于创建一个新的数组，新数组的元素是通过传入的函数对原数组元素处理得到的。它同样在遍历数组时非常有用。

6、以上方法中，新手可以根据个人喜好和学习习惯选择适合自己的方式。希望这些示例能帮助您更好地理解如何在JavaScript中遍历JSON数组。

三、5种js遍历对象属性的方法

ES6一共有 5种方法可以遍历对象的属性。

for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol属性）。

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol属性）的键名。

（3）Object.getOwnPropertyNames(obj) ie9

Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性（不含 Symbol属性，但是包括不可枚举属性）的键名。

（4）Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有 Symbol属性的键名。

Reflect.ownKeys返回一个数组，包含对象自身的（不含继承的）所有键名，不管键名是 Symbol或字符串，也不管是否可枚举。

以上的 5种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。

​其中兼容性最好的是for... in来进行遍历，因为我们通常只需要遍历对象自身拥有的属性所以使用 Object.prototype.hasOwnProperty()兼容到ie5.5方法来排除继承的属性

注意：即使属性的值是 null或 undefined，只要属性存在， hasOwnProperty依旧会返回 true。

​如果不在意兼容性问题，用keys方法，搭配for... of来遍历也不错，、

​ for...of是es6引入的用于遍历可迭代对象的语法，相当于python里的for in。

​ js的for...in别扭的地方在于，遍历数组和对象都是返回的key值，遍历数组是下标值。for...of遍历数组会返回每一个值，跟foreach类似的效果，但是对于对象，只支持实现了迭代器的对象。