在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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jQuery多条件筛选如何实现
Nov 04 Javascript
让图片跳跃起来  javascript图片轮播特效
Feb 16 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
Axios学习笔记之使用方法教程
Jul 21 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
vue 设置路由的登录权限的方法
Jul 03 Javascript
React中this丢失的四种解决方法
Mar 12 Javascript
vue实现图片预览组件封装与使用
Jul 13 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
ZF等常用php框架中存在的问题
2008/01/10 PHP
php实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
在JavaScript中实现命名空间
2006/11/23 Javascript
javascript-TreeView父子联动效果保持节点状态一致
2007/08/12 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
分享一款基于jQuery的视频播放插件
2014/10/09 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
微信 jssdk 签名错误invalid signature的解决方法
2019/01/14 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
2019/01/23 Javascript
js实现unicode码字符串与utf8字节数据互转详解
2019/03/21 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
一个Python最简单的接口自动化框架
2018/01/02 Python
Python 最大概率法进行汉语切分的方法
2018/12/14 Python
python如何对链表操作
2020/10/10 Python
python中类与对象之间的关系详解
2020/12/16 Python
分享全球十款超强HTML5开发工具
2014/05/14 HTML / CSS
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
献爱心活动总结
2014/05/07 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
Logback 使用TurboFilter实现日志级别等内容的动态修改操作
2021/08/30 Java/Android
Mysql中mvcc各场景理解应用
2022/08/05 MySQL