JavaScript手册 | JS Array 对象中的map() 方法

作者: Arvin Chen 分类: js 来源: Break易站(www.breakyizhan.com)

array.map()函数创建一个新数组,其中包含每个数组元素的被调用函数的结果。map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: map() 不会改变原始数组。

函数的语法如下:

句法1:

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

参数:
此函数的参数是另一个函数,它对原始数组元素执行某些操作并将元素返回到新数组。这个函数本身有三个参数:

  • array:这是调用.map()函数的数组。
  • index:这是函数正在处理的当前元素的索引。
  • currentValue:这是函数正在处理的当前元素。

另一个参数thisValue用于告诉函数在执行参数函数时使用此值。

返回值:此函数返回一个新数组,该数组是使用function使用原始数组中的值修改的值创建的。此函数不会修改实现此函数的原始数组。

JS Array 对象中的array.map()方法浏览器的兼容性

方法 Chrome Inter Explorer Firefox Safari Opera
Array.map() YES YES YES YES YES

js array使用map()将数组中的每个元素乘于输入框指定的值

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用map()将数组中的每个元素乘于输入框指定的值 - Break易站(breakyizhan.com)</title>
</head>
<body>

<p>点击按钮将数组中的每个元素乘于输入框指定的值,并返回新数组。</p>
<p>最小年龄: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="myFunction()">点我</button>
<p>新数组: <span id="demo"></span></p>
<script>
var numbers = [65, 44, 12, 4];
function multiplyArrayElement(num) {
    return num * document.getElementById("multiplyWith").value;
}
function myFunction() {
    document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
}
</script>

</body>
</html>


尝试一下 >>

  •   本文标题:JavaScript手册 | JS Array 对象中的map() 方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/js/6834.html
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读