前端开发中数组的方法:join()和split()的区别使用

前端开发中数组的方法:join()和split()的区别使用

其实二者对大部分同学来说没有区分的必要性,但由于本人在工作中总是傻傻分不清,特区分:

  • join() 方法用于把数组中的所有元素放入一个字符串
    数组使用---------变成字符串
    点击此处去往join() 方法官方释义
    [1,2,3,11,22,33].join(',') // "1,2,3,11,22,33"
    join里面就是分隔符,可随意定义:
    join("")省略分隔符时------变长整串:
    在这里插入图片描述
  • split()方法用于把一个字符串分割成字符串数组
    字符串使用-------变成数组
    点击此处跳转 split()方法官方释义
    split(",") 使用分隔符:
    在这里插入图片描述在这里插入图片描述
    甚至可以这样:(将22用作分隔符,就从22分成多份)
    将22用作分隔符
    可见,用什么做分隔符,就把字符串按照什么隔开为一个个字符串放在数组中。
    split内什么都不写------只有在外面包 [ ] ,整体变数组的作用:

    其实就是在一个字符串外面包了个数组符号[ ],将其强行转成数组。

只写split("") ------ 省略分隔符时,挨个分割:
在这里插入图片描述
还有个容易与split混淆的方法:splice()方法
点击此处跳转splice()方法官方释义
splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以先将年月日拼接成一个字符串,然后使用 Set 数据结构进行去重。 假设有两个数组 arr1 和 arr2,其每个元素包含年(year)、月(month)、日(day)三个属性,可以按照如下方式进行去重: ```javascript const newArr = [...arr1, ...arr2].map(item => item.year + '-' + item.month + '-' + item.day) const uniqueArr = [...new Set(newArr)] ``` 上述代码,首先将两个数组合并为一个新数组,然后使用 `map` 方法将每个元素拼接成一个字符串。最后,使用 `Set` 去重并将其转换为数组类型即可得到去重后的结果。 ### 回答2: 在前端实现两个数组的年月日去重可以通过以下步骤完成。 1. 首先创建一个新数组用于存储去重后的年月日数据。 2. 将两个数组合并为一个数组。 3. 遍历合并后的数组。 4. 在遍历过程使用一个对象来记录已经出现过的年月日数据,并以年月日作为属性进行标记。 5. 检查当前年月日是否在对象存在,若不存在,则表示该年月日是唯一的,将其添加到新数组,并在对象进行标记。 6. 最后得到的新数组即为去重后的年月日数据。 以下是一种实现方式的示例代码: ```javascript function deduplicateDates(arr1, arr2) { let combinedArray = [...arr1, ...arr2]; let uniqueDates = []; let dateRecord = {}; combinedArray.forEach((date) => { let yearMonthDay = date.split('-').slice(0, 3).join('-'); // 假设日期格式为YYYY-MM-DD if (!dateRecord[yearMonthDay]) { uniqueDates.push(date); dateRecord[yearMonthDay] = true; } }); return uniqueDates; } let arr1 = ['2021-01-01', '2021-02-03', '2021-03-05']; let arr2 = ['2021-01-03', '2021-02-03', '2021-04-01']; let result = deduplicateDates(arr1, arr2); console.log(result); // ['2021-01-01', '2021-02-03', '2021-03-05', '2021-01-03', '2021-04-01'] ``` 以上示例代码,通过遍历合并后的数组,并使用一个对象 `dateRecord` 记录已经出现过的日期数据,实现了两个数组的年月日去重的功能。 ### 回答3: 要实现两个数组的年月日去重,可以采取以下步骤: 1. 将两个数组合并成一个新的数组,可以使用数组的concat()方法实现,例如:newArray = array1.concat(array2)。 2. 创建一个空的对象,用于存储去重后的年月日信息,例如:var uniqueDates = {}。 3. 遍历新数组的每个元素,可以使用数组的forEach()方法实现。 4. 对于每个元素,提取其的年月日信息,可以使用日期对象的getFullYear()、getMonth()和getDate()方法。 5. 将提取出的年月日信息拼接成一个字符串作为键,判断该键是否已经存在于uniqueDates对象。如果不存在,则将该键添加到uniqueDates对象,并将对应的值设置为true,表示已经出现过。如果存在,则说明该年月日已经被记录过,无需重复记录。 6. 完成遍历后,uniqueDates对象存储的键就是去重后的年月日信息。可以使用Object.keys()方法将键提取成一个数组。 7. 根据需求,可以将得到的数组进行排序、格式化等操作。 8. 最后得到的数组就是两个原数组去重后的年月日信息。 需要注意的是,此方法适用于两个数组的年月日去重,如果是多个数组,可以采取类似的思路进行处理。并且,如果数组的元素不是日期类型,需要根据具体情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值