Object.keys()运用及数组遍历
来源:互联网 发布:苹果字体软件 编辑:程序博客网 时间:2024/06/05 16:51
数组遍历与Object.keys()方法的运用
Object.keys()用于获得由对象属性名组成的数组,可与数组遍历相结合使用,用起来效果杠杠滴。数组遍历可以用for()或forEach()来实现,forEach()方法是ECMAScript5定义的遍历数组的一个新方法,按照索引的顺序挨个传递给定义的函数;接下来就Object.keys()分别结合for()和forEach()使用进行运用,用console.log输出到控制台,代码如下:
1.for()
//创建对象var person = { ChineseName: "wjh", EnglishName: "Bruce", age: 10, school:"HQ University"}var keys = Object.keys(person);//获得对象属性名组成的数组var value = [];//用于存储匹配的属性值//用for进行遍历for (var i = 0,len = keys.length; i < len; i++) { var key = keys[i]; value[i] = person[key]; console.log("person ", key, ": ", value[i]);}
2.forEach()
//创建对象var person = { ChineseName: "wjh", EnglishName: "Bruce", age: 10, school:"HQ University"}//用forEach()进行遍历var keys = Object.keys(person).forEach(function (tz) { console.log("person ", tz, ": ", person[tz]);});
由于个人习惯,比较喜欢将html文档和js文档分开写,再把js文档调用进来就可以,这样比较有利于后期程序的维护和扩展,本节html文档如下所示:
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="main.js"></script></head><body></body></html>
运行程序,两种方法的结果是一样的,效果如下图,至于使用哪种方法,就智者见智,仁者见仁啦,for(),用起来比较容易上手,但太罗嗦;forEach()和相关的遍历方法结合,使得数组拥有简单而强大的函数式编程风格,更加强大。
阅读全文
1 0
- Object.keys()运用及数组遍历
- ES6 Symbol及对象遍历方法for in,Object,keys,JSON.stringify,getOwnPropertyNames,Reflect.ownKeys
- 属性遍历:in操作符/Object.keys()/ Object.getOwnPropertyNames()
- Object.keys()
- Object.keys()
- Object.keys()
- Object.defineProperty()/Object.keys()
- Javascript研究: 遍历对象的方式Object.getOwnPropertyNames vs Object.keys vs for ...in
- js Object.keys
- Javascript Object.keys()用法
- JS Object.keys()
- JavaSrcipt的Object.keys()
- Object.keys()应用
- Object.keys方法
- javascript Object.keys()方法
- Object.keys()用法
- Object.keys用法总结
- Object.keys方法详解
- mvc过滤器详解
- mdeditor
- AES+RSA加密解密(js和java互通)
- 音视频重新编码时间戳同步问题
- 人工智能真的值得 All-In 么?
- Object.keys()运用及数组遍历
- linux glob函数详解
- Google Chrome 未响应。是否立即重新启动?
- div+css内部样式
- Maven-SSM配置
- mybatis之动态SQL
- shell脚本日志的简单实现
- Android Studio 2上利用NDK进行OpenCV 3.1开发
- AVAudioplayer播放音频时报错 Error Domain=NSOSStatusErrorDomain Code=1954115647 "(null)"