学习目标:
- 掌握数组map和join方法
学习内容:
- 数组
map
方法 - 数组
join
方法 - 小结
数组map
方法:
使用场景:
map
可以遍历数组处理数据
,并且返回新的数组
。
<title>数组Map和join方法</title>
</head><body><script>const arr = ['red', 'blue', 'pink']//1.数组map方法 处理数据并返回一个数组const newArr = arr.map(function (ele, index) {// console.log(ele) //数组元素// console.log(index) //索引号return ele + '颜色'})console.log(newArr)</script>
</body>
map也称为映射
。映射是个术语,指两个元素的集之间元素相互“对应”的关系。
map重点在于有返回值
,forEach没有返回值。
数组join
方法:
- 作用:
join()
方法用于把数组中的所有元素转换一个字符串
。
- 语法:
const arr = ['red', 'blue', 'pink']
console.log(newArr.join('')) //red颜色blue颜色pink颜色
- 参数:
数组元素是通过参数里面指定的分隔符进行分割的,空字符串('')
,则所有元素之间都没有任何字符
。
<title>数组Map和join方法</title>
</head><body><script>const arr = ['red', 'blue', 'pink']//2.数组join方法 把数组转换成字符串//小括号为空则逗号分割console.log(newArr.join()) //red颜色,blue颜色,pink颜色//小括号是空字符串,则元素之间没有分隔符console.log(newArr.join('')) //red颜色blue颜色pink颜色console.log(newArr.join('|')) //red颜色|blue颜色|pink颜色</script>
</body>
小结:
字符串拼接新思路:(效果更高,开发常用
的写法)
利用map()
和join()
数组方法实现字符串拼接。