API-数组map和join方法

2025/11/4 2:34:02 来源：https://blog.csdn.net/m0_64105917/article/details/140109453 浏览: 次关键词：API-数组map和join方法

学习目标：

掌握数组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>