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

[复制链接]
发表于 2026-8-17 09:28:00 | 显示全部楼层 |阅读模式
array.join('/')

它的作用是将数组的全部元素用正斜杠 / 连接成一个字符串。
  1. let newArr = ['111', '222', 'ccc'];
  2. let strText = newArr.join('/');  
  3. // 输出:111/222/ccc
  4. console.log(strText);
复制代码
数组中的 undefined、null 、空字符串(稀疏数组)会被join转换为空字符串
  1. let newArr = ['A1', '','b1',null, undefined];
  2. let strText = newArr.join('/');  
  3. // 输出:A1//b1//
  4. console.log(strText);
复制代码
空数组:如果数组长度为 0,join() 返回空字符串 ''
  1. [].join('/'); // 输出: ""
复制代码
有一个元素,则返回该元素本身(不会添加分隔符)
  1. ['hello'].join('/'); // 输出: "hello" (而不是 "hello/")
复制代码
实际开发中的注意点

实际中,思量下要不要过滤掉稀疏数组[需要和开发产品确认]。
注意稀疏数组;null,undefined,''需要先将他们进行过滤之后在进行拼接
  1. let newArr = ['A1', '','b1',null, undefined];
  2. let strText = newArr.filter(item=>![null, undefined,''].includes(item)).join('/');  
  3. // 输出:A1/b1
  4. console.log(strText);
复制代码
str.split('/');

以正斜杠“/”为分隔符;将原字符串分割成若干子串,并以数组形式返回。
  1. const str = 'home/user/docs/file.txt';
  2. const arr = str.split('/');
  3. console.log(arr);
  4. // 输出: ['home', 'user', 'docs', 'file.txt']
复制代码
                                                                                                                       
                                                微信                                                                                                本文版权归作者全部,欢迎转载,未经作者同意须保存此段声明,在文章页面明显位置给出原文连接
                        如果文中有什么错误,欢迎指出。以免更多的人被误导。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表