当前位置: 首页 > news >正文

数组中有两个数据,将其变成字符串

数组两个数据 → 转字符串(3种最常用方式)
下面是直观图解+Vue/JS 直接复制代码


1. 用逗号连接(最常用)

图示

数组:['2026-03-01', '2026-03-23'] ↓ join(',') 字符串:"2026-03-01,2026-03-23"

代码

letarr=['2026-03-01','2026-03-23']letstr=arr.join(',')// 转字符串console.log(str)// 输出:2026-03-01,2026-03-23

2. 用横线连接(日期范围常用)

图示

数组:['2026-03-01', '2026-03-23'] ↓ join(' ~ ') 字符串:"2026-03-01 ~ 2026-03-23"

代码

letarr=['2026-03-01','2026-03-23']letstr=arr.join(' ~ ')console.log(str)// 输出:2026-03-01 ~ 2026-03-23

3. 直接拼接(自定义格式)

图示

数组:[开始时间, 结束时间] ↓ 字符串:开始时间 - 结束时间

代码

letarr=['2026-03-01','2026-03-23']letstr=arr[0]+' 至 '+arr[1]console.log(str)// 输出:2026-03-01 至 2026-03-23

你场景:Element Plus 日期范围选择器

你用的是daterange,它的值就是两个元素的数组

constdateRange=ref(['2026-03-01','2026-03-23'])// 转字符串conststr=dateRange.value.join(' ~ ')

总结

  1. 数组转字符串最简单:数组.join(分隔符)
  2. 两个数据 → 字符串:join(',')join('~')都可以
  3. 你的日期范围组件,直接用join最方便

需要我把它直接写到你的日期组件代码里吗?

http://www.jsqmd.com/news/525045/

相关文章:

  • 毕业论文降AI率:免费额度/效果/售后全维度对比 - 我要发一区
  • 网捷顺科技客服咨询AI流量赋能,重塑智能体验新标杆 - 王老吉弄
  • Clawdbot部署实操:Qwen3-32B与LangChain/LlamaIndex生态无缝集成指南
  • Breaking the Prior Dependency: A Novel Approach to Camouflaged Object Detection with Adaptive Featur
  • 嘎嘎降AI vs 比话降AI vs 率零:2026毕业季工具横评 - 我要发一区
  • 手把手教你为STM32F103C8T6(蓝色小药丸)编译Cleanflight固件,解决Flash溢出问题
  • kubernetes学习
  • OCPI开源充电接口:解决电动汽车充电网络互操作性的技术架构实战
  • 拿云文化客服咨询AI流量赋能,重塑智能体验新标杆 - 王老吉弄
  • 密码安全那些坑:为什么你的正则表达式可能漏掉键盘连续字符?
  • DocMost 容器化部署进阶:从单机到高可用集群
  • 【杠杆】杠杆,保证金,爆仓相关计算--23
  • 苏州同宠信息科技客服咨询AI流量赋能,重塑智能体验新标杆 - 王老吉弄
  • 应届毕业生必看:降AI率工具怎么选?3款不踩坑推荐 - 我要发一区
  • 【DFT实战解析】OCC架构设计:从原理到复杂层级集成的时钟控制策略
  • 正点原子2026开发板教程——从0开始配置Linux内核(4)内核模块详解:从 Hello World 到设备驱动
  • 2026年石油石化电力电缆生产厂家推荐 中低压低压中压变频聚乙烯聚氯乙烯绝缘线缆详解 - 品牌2026
  • 2026半导体键合机温控设备优质推荐榜:恒温温控设备/激光干涉仪温控设备/键合机温控设备/光刻机温控设备/半导体检测设备温控设备/选择指南 - 优质品牌商家
  • 毕业论文降AI率省钱攻略:免费额度+工具组合最优方案 - 我要发一区
  • Orekit实战指南(四)——卫星轨道六根数与地面站经纬度的高效转换
  • Realistic Vision V5.1在量子计算领域的应用:前沿科研人员形象定制
  • 睿知点客服咨询AI流量赋能,重塑智能体验新标杆 - 王老吉弄
  • 嘎嘎降AI用户真实反馈整理:这些优缺点是用了才知道的
  • 讲真客服咨询AI流量赋能,重塑智能体验新标杆 - 王老吉弄
  • 2026年天津控制电缆生产厂家推荐:塑料绝缘、特种控制、计算机等电缆生产厂家汇总 - 品牌2026
  • GLM-4v-9b开源模型:Apache 2.0代码+OpenRAIL-M权重商用合规指南
  • 正点原子 i.MX6ULL 上跑了 Linux 主线内核7.0?—— 周末我做的大活!
  • 【MLLM】Qwen3.5模型和推理优化
  • 【WebAssembly 】WebAssembly 组成部分详解(0~12 段 ID 详解)
  • 如何用GPT-4和LLM提升代码漏洞检测?VulLLM框架实战解析