js中数组的map()方法
Posted 木头南方
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中数组的map()方法相关的知识,希望对你有一定的参考价值。
map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值
map()方法按照原是数组顺序以此处理元素
注意:map()不会对空数组进行检测 ;不会改变原始的数组
实例:
var numbers = [65, 44, 12, 4]; function multiplyArrayElement(num) { return num * 10; } function myFunction() { document.getElementById("demo").innerhtml = numbers.map(multiplyArrayElement); }
console的结果为:650, 440, 120, 40
扩充:Object.keys()方法的使用
Object.keys()
方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in
循环遍历该对象时返回的顺序一致
此外:
Object.getOwnPropertyNames()和Object.create()有待研究。
综合实例:
var obj={ errMsg: "getImageInfo:ok", width: 750, height: 571, type: "png", orientation: "up", path: "http://tmp/touristappid.o6zAJs5BccurxyYtUj_ooLuxh5sg.LybVb8l5vngT297ff4e4aea3acaa3ec94eba8c6de637.png" } function format(obj) { return \'{\\n\' + Object.keys(obj).map(function(key) { return \' \' + key + \': \' + obj[key] + \',\' }).join(\'\\n\') + \'\\n\' + \'}\' }
调用format之后 console结果:{
errMsg: getImageInfo:ok,
width: 750,
height: 571,
type: png,
orientation: up,
path: http://tmp/touristappid.o6zAJs5BccurxyYtUj_ooLuxh5sg.LybVb8l5vngT297ff4e4aea3acaa3ec94eba8c6de637.png,
}
参考:https://developer.mozilla.org/zh-CN/docs/Web/javascript/Reference/Global_Objects/Object/keys
以上是关于js中数组的map()方法的主要内容,如果未能解决你的问题,请参考以下文章