js中的join()方法

js中的join()方法

1.join（‘’）单引号

	join将数组元素进行无缝拼接

html代码如下：

<div>
			<span>【赠品】</span>
			<span>【赠品】</span>
		</div>

js代码:

		const gilt='50茶叶,清洗剂'
		const describe=gilt.split(',').map(function(item){
			return `<span>【赠品】${item}</span>`
		}).join('')
		console.log(describe)

结果:

2.join（’ '）单引号加空格

	join将数组以空格符号进行分割

html代码如下：

<div>
			<span>【赠品】</span>
			<span>【赠品】</span>
		</div>

js代码:

		const gilt='50茶叶,清洗剂'
		const describe=gilt.split(',').map(function(item){
			return `<span>【赠品】${item}</span>`
		}).join(' ')
		console.log(describe)

结果:
加其他符号：
join(‘-’)

3.join（）什么也不加

	join将数组对元素转为字符串，如下图，原封不动进行返回，还多了个逗号

html代码如下：

<div>
			<span>【赠品】</span>
			<span>【赠品】</span>
		</div>

js代码:

 const gilt='50茶叶,清洗剂'
 const describe=gilt.split(',').map(function(item){
 return `<span>【赠品】${item}</span>`}).join()
 console.log(describe)
 document.querySelector('div').innerHTML=gilt.split(',').map(item=>`<span>【赠品】${item}</span><br/>`).join()

结果: