在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 相关文章推荐
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
Jul 25 Javascript
jquery xMarquee实现文字水平无缝滚动效果
Apr 29 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
JavaScript模拟实现自由落体效果
Aug 28 Javascript
vue-router懒加载速度缓慢问题及解决方法
Nov 25 Javascript
react+redux仿微信聊天界面
Jun 21 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 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
You might like
php中unlink()、mkdir()、rmdir()等方法的使用介绍
2012/12/21 PHP
php异常处理使用示例
2014/02/25 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
jQuery快速高效制作网页交互特效
2017/02/24 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
python每隔N秒运行指定函数的方法
2015/03/16 Python
python实现微信接口(itchat)详细介绍
2017/10/23 Python
python的文件操作方法汇总
2017/11/10 Python
详解Python中的动态属性和特性
2018/04/07 Python
Python读取Pickle文件信息并计算与当前时间间隔的方法分析
2019/01/30 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
2013/01/06 HTML / CSS
宝拉珍选美国官网:Paula’s Choice美国
2018/01/07 全球购物
如何在C# winform中异步调用web services
2015/09/21 面试题
生产部管理制度
2014/01/31 职场文书
六查六看剖析材料
2014/02/15 职场文书
《观舞记》教学反思
2014/04/16 职场文书
社区创先争优承诺书
2014/08/30 职场文书
单位在职证明书
2014/09/11 职场文书
政府四风问题整改措施
2014/10/04 职场文书
公司员工手册范本
2015/05/14 职场文书
2016年小学生教师节广播稿
2015/12/18 职场文书