关于map

Posted 小艾想偷懒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于map相关的知识,希望对你有一定的参考价值。

  map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。
这里的map不是“地图”的意思,而是指“映射”。[].map(); 基本用法跟forEach方法类似:

function square(i){  return i*i; }

console.og(["1","2","3"].map(square)); //输出 ["1","4","9"]

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

array.map(function(currentValue,index,arr), thisValue)

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

在实际使用的时候,我们可以利用map方法方便获得对象数组中的特定属性值们。例如下面这个例子(之后的兼容demo也是该例子):

var users = [
  {name: "张含韵", "email": "[email protected]"},
  {name: "江一燕",   "email": "[email protected]"},
  {name: "李小璐",  "email": "[email protected]"}
];

var emails = users.map(function (user) { return user.email; });

console.log(emails.join(", ")); // [email protected], [email protected], [email protected]

Array.prototype扩展可以让IE6-IE8浏览器也支持map方法:

if (typeof Array.prototype.map != "function") {
  Array.prototype.map = function (fn, context) {
    var arr = [];
    if (typeof fn === "function") {
      for (var k = 0, length = this.length; k < length; k++) {      
         arr.push(fn.call(context, this[k], k, this));
      }
    }
    return arr;
  };
}

以上是关于关于map的主要内容,如果未能解决你的问题,请参考以下文章

将多个输出中的hls属性设置为单独的片段代码

关于代码片段的时间复杂度

关于片段生命周期

android google map supportmap片段无法在片段中初始化

关于js----------------分享前端开发常用代码片段

关于在各浏览器中插入音频文件的html代码片段