一点一滴学前端 - Object.keys()

一. 简介

Object.keys() 返回一个对象的自身可枚举属性组成的数组
这个对象可以是字符串、数组、对象等

二. 语法格式

Object.keys(obj)

其中，obj可以是如下内容:
obj = "";
obj = 123;
obj = [];
obj = {};

三. 示例

1. 代码示例

// 1.字符串返回字符串索引值
let temp = "abcd";
console.log("字符串 === ", Object.keys(temp));

// 2.数组返回数组的索引值
temp = ["a", "b", "c", "d"];
console.log("数组 === ", Object.keys(temp));

// 3.对象返回key集合
temp = {
  name : "张三",
  age : 18,
  hobby: ["篮球", "足球"]
};
console.log("对象 === ", Object.keys(temp));

// 4.遍历可取key和value
Object.keys(temp).map(key =>{
  console.log("遍历 === ", key, " == ", temp[key]);
});

2. 日志打印

字符串 ===  (4) ["0", "1", "2", "3"]
数组 ===  (4) ["0", "1", "2", "3"]
对象 ===  (3) ["name", "age", "hobby"]
遍历 ===  name  ==  张三
遍历 ===  age  ==  18
遍历 ===  hobby  ==  (2) ["篮球", "足球"]

3. 截图示例