【前端】Object.keys()的使用方法及数组遍历，Object.keys(object).forEach(e =＞ {您的代码})

在Illustrator中创建3D对象，选择'Object' > 'Create' > '3D Object' #生活技巧# #数码产品使用技巧# #设计软件使用技巧#

本文目录

Object.keys()的使用方法及数组遍历

方法一：forEach()

方法二：for()方法

Object.keys()的使用方法及数组遍历

Object.keys()用于获得由对象属性名组成的数组，可与数组遍历相结合使用，非常好用。和for...in方法功能类似，但有使用区别！

数组遍历可以用for()或forEach()来实现，forEach()方法是ECMAScript5定义的遍历数组的一个新方法，按照索引的顺序挨个传递给定义的函数；

接下来就Object.keys()分别结合for()和forEach()使用进行运用，用console.info()输出到控制台，代码如下：

方法一：forEach()

var person = {

name: 'hjm',

age: 18,

school:"SKD University",

home: 'China'

}

var keys = Object.keys(person).forEach(function (e) {

console.log("person ", e, ": ", person[e]);

});

'

运行的结果如下图所示： 

方法二：for()方法

var person = {

name: 'hjm',

age: 18,

school:"SKD University",

home: 'China'

}

var keys = Object.keys(person);

var value = [];

for (var i = 0,len = keys.length; i < len; i++) {

var key = keys[i];

value[i] = person[key];

console.log("person ", key, ": ", value[i]);

}

'

运行的结果如下图所示：

两种方法的结果是一样的，至于使用哪种方法，就智者见智，仁者见仁了。

for()：用起来比较容易上手，但太罗嗦；

forEach()：和相关的遍历方法结合，使得数组拥有简单而强大的函数式编程风格，更加强大。

Tips：for...in会遍历整个原型链，这可能不是你所期望的结果，然后从性能角度上看Object.keys会更优。在一些eslint的规则中也默认禁用了forin循环。

拓展： JS几种数组遍历方式总结（包括各自遍历的性能分析）：JS几种数组遍历方式总结_function__的博客-CSDN博客_js 数组遍历

网址：【前端】Object.keys()的使用方法及数组遍历，Object.keys(object).forEach(e =＞ {您的代码}) https://www.yuejiaxmz.com/news/view/328530

相关内容

有个开发者总结这 15 优雅的 JavaScript 个技巧
PHP foreach的两种用法 as $key => $value
vue技巧
如何使用Android的API通道SDK
懒人神器：svg
javascript数组的方法
Windows实用技巧：深度清理C盘垃圾文件的实战方案
详解数码管使用方法
如何使用数据AMQP的方式推送设备数据
‘str‘ object cannot be interpreted as an integer

随便看看