js中数组字符串之间的互相转换array.join和str.split

array.join('/')

它的作用是将数组的所有元素用正斜杠 / 连接成一个字符串。

let newArr = ['111', '222', 'ccc'];
let strText = newArr.join('/');  
// 输出:111/222/ccc
console.log(strText);

数组中的 undefined、null 、空字符串(稀疏数组)会被join转换为空字符串

let newArr = ['A1', '','b1',null, undefined];
let strText = newArr.join('/');  
// 输出:A1//b1//
console.log(strText);

空数组:如果数组长度为 0,join() 返回空字符串 ''

[].join('/'); // 输出: ""

有一个元素,则返回该元素本身(不会添加分隔符)

['hello'].join('/'); // 输出: "hello" (而不是 "hello/")

实际开发中的注意点

实际中,考虑下要不要过滤掉稀疏数组[需要和开发产品确认]。
注意稀疏数组;null,undefined,''需要先将他们进行过滤之后在进行拼接

let newArr = ['A1', '','b1',null, undefined];
let strText = newArr.filter(item=>![null, undefined,''].includes(item)).join('/');  
// 输出:A1/b1
console.log(strText);

str.split('/');

以正斜杠“/”为分隔符;将原字符串分割成若干子串,并以数组形式返回。

const str = 'home/user/docs/file.txt';
const arr = str.split('/');
console.log(arr); 
// 输出: ['home', 'user', 'docs', 'file.txt']
posted @ 2026-08-17 10:59  南风晚来晚相识  阅读(5)  评论(0)    收藏  举报