js中split和join基本的用法

一、split()函数使用

1、split()函数使用指定分隔符拆分字符串

var str ="apple,banana,orange";
var arr = str.split(',');console.log(arr);//「'apple'，'banana','orange']

注：分隔符可以是任何字符，包括空格。

2、split()函数可以使用正则表达式作为分隔符进行字符串分割。

var str ="apple/banana.orange";
var arr = str.split(/\/\./);
console.log(arr);//['apple','banana','orange']

3、split()函数还可以带一个参数，用于限制拆分后的数组的长度。

如下代码中，我们将拆分后的数组长度限定为2，因此只会返回两个子字符串。如果我们将此参数设置为0，那么将返回包含整个字符串的数组。

var str="apple/banana.orange";
var arr = str.split(/\/\./，2);
console.log(arr);//['apple','banana']

注：.split()函数不会修改原始字符串，而是返回一个新的数组

默认指定分隔符

const str='hello world';
const arr =str.split('');
console.log(arr);//["hello","world"]

处理字符串并限制长度

const str="a,b,c,d,e”;
const arr = str.split(","，3);
console.log(arr);//["a","b","c"]

二、join的使用

1.join('')将数组元素无缝拼接

 let s = Array('a','p','p','l','e')
 document.write(s.join(''))//输出为apple
 console.log(s.join(''))//打印为apple

2.join(' ') 将数组元素以空格分割 

let s = Array('Apple','is','on','my','table')
document.write(s.join(' '))//输出结果:Apple is on my table

3.join方法来将数组转换为以逗号分隔的字符串

var arr = ['1', '2', '3'];
var result = arr.join(',');
console.log(result);//打印为1，2，3

补充实际使用

上图代码需求是获取数组的所有id转换成字符串传给后端pids += item.id + ','也可以实现

注：this.SelectData是数组包对象[{id:'1',name:'lise'},{id:'2',name:'lose'}]

        this.targetKeys数据类型是数组包字符串['1','2']