arr.map()— —更新数组
1、创建新数组
2、不改变原数组
3、输出的是return什么就输出什么新数组
4、回调函数参数,item(数组元素)、index(序列)、arr(数组本身)
5、使用return操作输出,会循环数组每一项,并在回调函数中操作
示例:
-
var arr = [ 1, 2, 3, 4, 5] ;
-
var newArr = arr.map( function(item,index){
-
return item* 2 ; //操作更新数组
-
})
-
console.log(newArr); //打印新数组
-
console.log(arr); //打印原数组,map()没有改变原数组
-
var newArr2 = newArr.map( function(item,index){
-
return `<li>${item}</li>` ;
-
//ES6语法,模版字符串,波浪号键,变量使用${}
-
//["<li>NaN</li>", "<li>NaN</li>", "<li>NaN</li>", "<li>NaN</li>", "<li>NaN</li>"]
-
})
-
console.log(newArr2.join( '')); //数组.join(),把数组每一项连接起来,形成字符串string
-
console.log(newArr); //打印数组,map()没有改变原数组