JavaScript Array map() 方法

返回上一级

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

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

map() 不会对空数组进行检测

map() 不会改变原始数组

浏览器支持

支持 9.0+ 支持 支持 支持

语法

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

参数说明

参数 描述
function(currentValue, index,arr) 必须。函数,数组中的每个元素都会执行这个函数
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"

function(currentValue, index,arr) 参数说明

参数 描述
currentValue 必须。当前元素的值
index 可选。当期元素的索引值
arr 可选。当期元素属于的数组对象

返回值

返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值

范例

返回一个数组,数组中元素为原始数组的平方根

var numbers = [4, 9, 16, 25];
function myFunction() {    
  x = document.getElementById("demo")
  x.innerHTML = numbers.map(Math.sqrt);}

运行范例 »

范例

数组中的每个元素乘于输入框指定的值,并返回新数组

var numbers = [65, 44, 12, 4];

function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}

function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.