js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

针对文中提到的“js获取对象,数组所有属性键值(key)和对应值(value)的方法示例”，可以有多种不同的实现方法。以下是其中两条示例说明：

示例一

步骤一：简单的for循环获取对象属性键值

可以通过一个简单的for循环来遍历对象的属性，获取每个属性的键值对。具体步骤如下：

let obj = {name: "xiaoming", age: 20, job: "programmer"}; // 创建一个对象

for (let key in obj) { // 遍历对象属性
  console.log(key + ': ' + obj[key]); // 输出每个属性的键和值
}

上述代码会输出类似于下面的结果：

name: xiaoming
age: 20
job: programmer

步骤二：使用Object.entries()获取对象的属性键值

在ES2017中，新增了一个Object.entries()方法，可以方便地将一个对象的属性键值对转换成一个二维数组。具体步骤如下：

let obj = {name: "xiaoming", age: 20, job: "programmer"}; // 创建一个对象

let entries = Object.entries(obj); // 调用Object.entries()方法

for (let [key, value] of entries) { // 遍历二维数组
  console.log(key + ': ' + value); // 输出每个属性的键和值
}

上述代码会输出类似于下面的结果：

name: xiaoming
age: 20
job: programmer

示例二

步骤一：使用Array.map()获取数组的键值

对于一个数组，可以使用Array.map()方法来获取它的每个元素的键值对。具体步骤如下：

let arr = [3, 6, 9]; // 创建一个数组

let keys = arr.map(function(value, index) { // 调用Array.map()方法
  return {key: index, value: value}; // 返回键值对的对象
});

console.log(keys); // 输出键值对数组

上述代码会输出类似于下面的结果：

[
  { key: 0, value: 3 },
  { key: 1, value: 6 },
  { key: 2, value: 9 }
]

步骤二：使用Object.values()获取数组的值

在ES2017中，还新增了一个Object.values()方法，可以方便地获取一个对象的所有值，并将它们转换成一个数组。对于一个数组，也可以将它的所有值转换成一个数组。具体步骤如下：

let arr = [3, 6, 9]; // 创建一个数组

let values = Object.values(arr); // 调用Object.values()方法

console.log(values); // 输出数组的所有值

上述代码会输出类似于下面的结果：

[3, 6, 9]

以上就是关于“js获取对象,数组所有属性键值(key)和对应值(value)的方法示例”的两条示例说明，希望能够对你有所帮助。