对于 obj js 中的每个元素 - Javascript

在Javascript中，我们经常需要对一个对象（obj）中的每个元素进行操作。这时候，我们就需要使用循环语句来遍历每个元素。

for...in循环

for...in循环可以用来遍历一个对象中的每一个属性。语法如下：

for (let key in obj) {
  // do something with obj[key]
}

其中，key表示对象中的每一个属性名，obj[key]则表示对应的属性值。我们可以在循环体内对每个属性进行操作。例如：

const obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}
// Output:
// a: 1
// b: 2
// c: 3

需要注意的是，for...in循环也会遍历对象的原型链上的属性。如果我们只需要遍历对象自身的属性，可以使用hasOwnProperty方法进行判断：

const obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key + ': ' + obj[key]);
  }
}
// Output:
// a: 1
// b: 2
// c: 3

Object.keys方法

如果我们只需要获取对象的所有属性名（不包括原型链上的属性），可以使用Object.keys方法。语法如下：

const keys = Object.keys(obj);

其中，keys为一个数组，包含对象obj的所有属性名。例如：

const obj = {a: 1, b: 2, c: 3};
const keys = Object.keys(obj);
console.log(keys); // Output: ['a', 'b', 'c']

Object.values方法

如果我们只需要获取对象的所有属性值（不包括原型链上的属性），可以使用Object.values方法。语法如下：

const values = Object.values(obj);

其中，values为一个数组，包含对象obj的所有属性值。例如：

const obj = {a: 1, b: 2, c: 3};
const values = Object.values(obj);
console.log(values); // Output: [1, 2, 3]

Object.entries方法

如果我们需要同时获取对象的所有属性名和属性值（不包括原型链上的属性），可以使用Object.entries方法。语法如下：

const entries = Object.entries(obj);

其中，entries为一个数组，每个元素都是一个包含两个元素的数组，第一个元素为属性名，第二个元素为属性值。例如：

const obj = {a: 1, b: 2, c: 3};
const entries = Object.entries(obj);
console.log(entries);
// Output:
// [['a', 1], ['b', 2], ['c', 3]]

总结一下，Javascript提供了多种方式来遍历一个对象中的每一个元素，我们可以根据自己的需求选择适合的方法。