编程 Javascript

在JavaScript中操作数组之map()方法的使用

Posted in Javascript onJune 09, 2015

JavaScript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果。
语法

array.map(callback[, thisObject]);

下面是参数的详细信息：

callback : 从当前的元素函数产生新的数组的元素。
thisObject : 对象作为该执行回调时使用

返回值:

返回创建数组
兼容性：

这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码在顶部：

if (!Array.prototype.map)
{
 Array.prototype.map = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();

  var res = new Array(len);
  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this)
    res[i] = fun.call(thisp, this[i], i, this);
  }

  return res;
 };
}

例子：

<html>
<head>
<title>JavaScript Array map Method</title>
</head>
<body>
<script type="text/javascript">
if (!Array.prototype.map)
{
 Array.prototype.map = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();

  var res = new Array(len);
  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this)
    res[i] = fun.call(thisp, this[i], i, this);
  }

  return res;
 };
}

var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);

document.write("roots is : " + roots ); 

</script>
</body>
</html>

这将产生以下结果：

roots is : 1,2,3

在JavaScript中操作数组之map()方法的使用

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现

Dec 27 Javascript

javascript控制在光标位置插入文字适合表情的插入

Jun 09 Javascript

angularjs指令中的compile与link函数详解

Dec 06 Javascript

IE6兼容透明背景图片及解决方案

Aug 19 Javascript

Bootstrap每天必学之基础排版

Nov 20 Javascript

javascript实现列表切换效果

May 02 Javascript

详解JavaScript中的属性和特性

Dec 08 Javascript

原生js实现淘宝购物车功能

Jun 23 Javascript

深入浅析Vue.js中 computed和methods不同机制

Mar 22 Javascript

JS实现的A*寻路算法详解

Dec 14 Javascript

实现elementUI表单的全局验证的方法步骤

Apr 29 Javascript

webpack中如何加载静态文件的方法步骤

May 18 Javascript

JavaScript中join()方法的使用简介

Jun 09 #Javascript

Jquery日期选择datepicker插件用法实例分析

Jun 08 #Javascript

Jquery实现遮罩层的方法

Jun 08 #Javascript

js正则匹配出所有图片及图片地址src的方法

Jun 08 #Javascript

Js数组排序函数sort()介绍

Jun 08 #Javascript

元素绑定click点击事件方法

Jun 08 #Javascript

JavaScript获取URL汇总

Jun 08 #Javascript