ja map()函数

最新推荐文章于 2023-01-18 15:50:06 发布

anlana1994

最新推荐文章于 2023-01-18 15:50:06 发布

阅读量925

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/nnf-888/p/9018719.html

版权

javascript Array map()方法

map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map()方法按照原始数组元素顺序依次处理元素
map()不会对空数组进行检测
map()不会改变原始数组

//语法
array.map(function(currentValue,index,arr),thisValue)
//参数说明
function(currentValue,index,arr)      必须，函数，数组中的每个元素都会执行这个函数
//函数参数
currentValue          //必须，当前元素的值
index                 //可选，当前元素索引值
arr                   //可选，当前元素属于的数组对象
thisValue              //可选，对象作为该执行回调时使用，传递给函数，用作this的值

返回值 返回一个新数组，数组中的元素为原始数组元素处理后的值

eg1:
<div id="demo"></div>

var numbers = [4,9,16,25];
function myFunction (){
    x = document.getElementById("demo");
    x.innerHTML = numbers.map(Math.sqrt);       //返回一个数组，数组中元素为原始数组的平方根
}
myFunction();             //[2,3,4,5]


eg2:

<body >    
    <p>点击按钮将数组中的每个元素乘以输入框指定的值，并返回新数组</p>
    <p>最小年龄：<input type="number" value="10" id="txt"/> </p>
    <button οnclick="createNewArray()">点我</button>
    <div>
        新数组:<span id="demo"></span>
    </div>
<script>

　　var number = [11,22,33,44];
　　function aaa(num){
    　　return num * document.getElementById('txt').value;
　　}
　　function createNewArray(){
    　　document.getElementById('demo').innerHTML = number .map(aaa)
　　}
</script>
</body>

eg3:

function square(arr){
    return arr.map(function(item){
        return item*item;
    });
}
var arr = [1,2,3,4];
console.log(square(arr));       //[1,4,9,16]

转载于:https://www.cnblogs.com/nnf-888/p/9018719.html

anlana1994

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ja map()函数

javascript Array map()方法map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map()方法按照原始数组元素顺序依次处理元素map()不会对空数组进行检测map()不会改变原始数组//语法array.map(function(currentValue,index,arr),thisValue)//参数说明function(currentVal...
复制链接

扫一扫