如何使用map加slice()截取数组

js截取数组

在实现需求的时候遇到一个需要展示时段为:12:30-14:30
在这里插入图片描述

例如:接口返回字段是这样的形式
在这里插入图片描述
这是就需要先用JSON.parse()去转为正常的数组结构

const time = JSON.parse(item.frameTime)

然后,使用js的slice()去截取

const _frameTime = time.map((item) => {
        return item.slice(0, 5)
      })

最后使用join(‘-’)去替换数组里的“,”

const frameTime = _frameTime.join('-')
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 中的数组方法有很多,每个方法都有各自的使用场景。以下是一些常见的数组方法及其使用场景: 1. `push()`:向数组末尾添一个或多个元素。 使用场景:需要动态向数组中添元素时。 2. `pop()`:从数组末尾删除一个元素。 使用场景:需要删除数组中最后一个元素时。 3. `unshift()`:向数组开头添一个或多个元素。 使用场景:需要动态向数组开头添元素时。 4. `shift()`:从数组开头删除一个元素。 使用场景:需要删除数组中第一个元素时。 5. `splice()`:删除、插入或替换数组中的元素。 使用场景:需要对数组进行复杂的操作时,如删除、插入或替换数组中的元素。 6. `slice()`:截取数组中的一部分元素,返回一个新数组使用场景:需要从数组中获取一个子集时,但不想修改原数组。 7. `concat()`:将多个数组合并成一个新数组使用场景:需要将两个或多个数组合并为一个数组时。 8. `join()`:将数组中的所有元素连接成一个字符串。 使用场景:需要将数组中的元素以特定的方式连接起来时。 9. `indexOf()`:查找数组中某个元素的位置。 使用场景:需要查找数组中某个元素的位置时。 10. `filter()`:返回符合条件的元素组成的新数组使用场景:需要筛选数组中符合某些条件的元素时。 11. `map()`:返回对每个元素进行操作后的数组使用场景:需要对数组中的每个元素进行操作并返回一个新数组时。 12. `reduce()`:使用指定的函数将数组中的元素合并为一个值。 使用场景:需要将数组中的元素合并为一个值时,如求和、求乘积等。 以上是一些常见的数组方法及其使用场景,当然还有其他的数组方法,具体使用场景还需根据实际情况进行选择。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值