在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 相关文章推荐
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
Sep 30 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
输入框过滤非数字的js代码
Sep 18 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
深入理解react 组件类型及使用场景
Mar 07 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
JQuery基于FormData异步提交数据文件
Sep 01 jQuery
javascript遍历对象的五种方式实例代码
Oct 24 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中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
js 处理URL实用技巧
2010/11/23 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
深入理解vue Render函数
2017/07/19 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
React实现全选功能
2020/08/25 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现批量下载文件
2015/05/17 Python
简单上手Python中装饰器的使用
2015/07/12 Python
在Django中同时使用多个配置文件的方法
2015/07/22 Python
Python生成随机密码的方法
2017/06/16 Python
python实现可逆简单的加密算法
2019/03/22 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
关于pytorch多GPU训练实例与性能对比分析
2019/08/19 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
python中取绝对值简单方法总结
2020/07/24 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
Oakley西班牙官方商店:太阳眼镜和男女运动服
2019/04/26 全球购物
怎样写好自我鉴定
2013/12/04 职场文书
办公室内勤岗位职责范本
2013/12/09 职场文书
《理想的风筝》教学反思
2014/04/11 职场文书
会员卡清退活动总结
2014/08/27 职场文书
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android