map和join的使用

<el-table-column label="适用范围" prop="GiftList" align="center" width="300">
	<template slot-scope="{row}">
		<font v-if="row.TicketType == 6">{{row | filterGiftList}}</font>
		<font v-else>{{row | filterGoodsList}}</font>
	</template>
</el-table-column>

// 优惠券适用范围过滤器
filterGoodsList(row) {
	let val = '';
	if(row.GoodsList && row.GoodsList != 'null') {
		let list = JSON.parse(row.GoodsList);
		let _list = [];
		list.forEach( i => {
			_list.push(i.Name);
		})
		val = _list.join(' | ');
		//val = '指定服务：' + val;
	}else{
		val = '所有服务';
	}
	return val;
},

// 礼品券的适用范围
filterGiftList(row) {
	if(!row.GiftList){
		return '-';
	}
	let list = row.GiftList;
	return list.map(item => {
		return `${item.Name} x ${item.Num}`;
	}).join(' | ');
}

MAP返回一个数组，数组中元素为原始数组的平方根 :

var numbers = [4, 9, 16, 25];

function myFunction() {
    x = document.getElementById("demo")
    x.innerHTML = numbers.map(Math.sqrt);
}
// 2,3,4,5

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

join用于把数组中的所有元素放入一个字符串。

<script type="text/javascript">
	var arr = new Array(3)
	arr[0] = "George"
	arr[1] = "John"
	arr[2] = "Thomas"
	document.write(arr.join())	// George,John,Thomas
	document.write(arr.join("."))	// George.John.Thomas
</script>