JavaScript将坐标字符串转为数组的解决方案

在js中如何将字符串"116.46379121474405,39.97916507672784;116.46034172158573,40.086119103673724"转为数组格式?

在JavaScript中,你可以使用split函数将字符串分割为数组。给定的字符串是一个包含两个坐标点的坐标数组,每个点由经度和纬度表示,并以分号分隔。

以下是将给定字符串转换为数组的示例代码:

javascript 复制代码
let str = "[116.46379121474405,39.97916507672784];[116.46034172158573,40.086119103673724]";
let array = str.split(";").map(item => item.split(",").map(Number));
console.log(array);

这段代码首先使用分号(;)将字符串分割为两个子字符串,然后对每个子字符串使用逗号(,)进行分割,并将结果转换为数字数组。最终得到的结果是一个包含两个子数组的数组,每个子数组包含两个数字。

输出结果如下:

javascript 复制代码
[
  [116.46379121474405, 39.97916507672784],
  [116.46034172158573, 40.086119103673724]
]

返回的数组是NaN

如果上面的代码返回的数组包含NaN值,那么很可能是因为原始字符串中的某些部分没有被正确地转换为数字。NaN(Not-a-Number)是JavaScript中表示一个值无法被转换为数字或者数学运算结果未定义的特殊值。

在提供的代码中,map(Number)应该能够正确地将每个字符串分割得到的子字符串转换为数字,除非这些子字符串中包含了无法被解析为数字的字符。然而,根据你之前给出的字符串示例,这不应该发生,因为所有的值都是合法的数字格式。

为了解决这个问题,请确保以下几点:

  1. 原始字符串中的每个坐标点都是用方括号括起来的,并且每个坐标点之间用分号分隔。
  2. 每个坐标点中的经度和纬度值都是用逗号分隔的。
  3. 经度和纬度值都是有效的数字格式,没有包含任何额外的字符或空格。

如果以上都确认无误,那么代码应该能够正确运行。如果仍然得到NaN,请检查是否有其他代码修改了原始字符串或者在处理过程中引入了错误。

以下是一个完整且正确的示例,它应该能够正确地将字符串转换为数组:

javascript 复制代码
let str = "[116.10159443312094,39.94465627127621];[116.10274426417372,39.94465627127621];[116.10734358838481,39.94554133173499];";
// 移除字符串开头和结尾可能存在的多余分号或字符
str = str.replace(/^;|;$/g, ''); // 这个正则表达式实际上对于给定的字符串是不必要的,但为了完整性还是加上了
let array = str.split(";").map(item => {
  // 移除每个坐标点字符串开头和结尾的方括号,然后分割并转换数字
  return item.slice(1, -1).split(",").map(Number);
});
console.log(array);

这段代码会输出一个包含三个坐标点的数组,每个点都是一个包含两个数字的数组。如果你在实际运行中得到NaN,请检查你的输入字符串是否与示例字符串完全一致,以及是否在运行代码之前或之后有其他代码修改了该字符串。


@漏刻有时

相关推荐
天才熊猫君2 小时前
配置与数据分离:一种可视化搭建的属性编辑方案
前端·javascript
林希_Rachel_傻希希2 小时前
web性能之相关路径——AI总结
前端·javascript·面试
不好听6132 小时前
从零搭建一个 RAG 语义搜索系统 —— DEMO的初始阶段
javascript·面试·llm
何时梦醒2 小时前
上下文工程(Context Engineering):AI 应用开发的新范式 —— 从理论到实战全解析
javascript
竹林8182 小时前
用 wagmi v2 踩坑两天,我终于搞懂了多链钱包切换在 DeFi 前端中的正确姿势
前端·javascript
用户2136610035722 小时前
Vue项目搜索功能与面包屑导航
前端·javascript
阿黎梨梨2 小时前
揭秘大语言模型的底层逻辑:从文本分词到高维向量的计算之旅
javascript·人工智能
天平12 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript
山河木马18 小时前
渲染管线-计算得到gl_Position(顶点着色器)之后续GPU流程
javascript·webgl·图形学
竹林81818 小时前
用 The Graph 查询链上数据实战:从手搓 RPC 到 Subgraph,我的 NFT 项目数据加载快了 10 倍
前端·javascript