前端数据类型转化——字符串转数组

最新推荐文章于 2025-04-08 21:46:28 发布

原创最新推荐文章于 2025-04-08 21:46:28 发布 · 2.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#字符串转数组 #前端数据类型转化

前端js 同时被 2 个专栏收录

39 篇文章

订阅专栏

数据类型转化

1 篇文章

订阅专栏

博客指出数据库中以List形式存储的数据字段，在前端for循环遍历取对象时，出现arr[0]为'['的问题，原因是将该字段当作字符串处理。解决方案是利用eval(str)进行数据类型转化，实现字符串转数组。

问题：数据库存一个字段存储List形式的数据，在前端for循环遍历取list里面的对象时出现arr[0]为"["

原因：把该字段当做字符串处理了

解决方案：如下

var str="[{x:121.4059,y:31.026147},{x:121.407131,y:31.022982},{x:121.40877,y:31.023493},{x:121.407566,y:31.026646}]";
var arr=eval(str);
for(var i=0;i<arr.length;i++){
   alert(arr[i].x);
   alert(arr[i].y);
}

利用 eval(str)去转化

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Return_KB

关注关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端面试题：将一个字符串类型的数组转换成真正的数组

weixin_42339547的博客

06-22

1095

比如说有这样的一个字符串： let str = "[ {a:1 , d:3} , {b:2} , {c:3} ]" 怎么才能把它转化为实际的数组呢？一.粗暴解法： 1. eval(str) （有安全问题） 2. let fn = new Function('return (' + str + ');') fn( ) （参考思否上的回答） 3. JSON.parse(str)(针对不复杂的数据） 4. JSON.parse(str.replace(/(\w+):/g, '"$1":')) （修改对象

JavaScript——数据类型的转换

鹿蹊zz的博客

06-08

1378

目录一、其他类型转化成字符串类型 1. 把数字型转换为字符串型变量.toString() 2. 利用 String(变量) 3. 利用 + 拼接字符串的方法实现转换效果隐式转换二、其他类型转化成数字类型（重点） 1. parseInt(变量) 可以把字符型的转换为数字型得到是整数 2. parseFloat(变量) 可以把字符型的转换为数字型得到是小数浮点数 3. 利用 Number(变量) 4. 利用了算数运算 - * /

参与评论您还未登录，请先登录后发表或查看评论

前端简单实现字符串转数组的几种方法

m0_46390103的博客

11-17

5700

字符串转数组js

将数组格式的字符串转变成数组

weixin_42065274的博客

04-09

5062

将数组格式的字符串转变成数组由于数据传输的问题，有时候我们从后台获取到的数据是这样的（例如：array = ‘[“aaaa”,“bbb”,“ccc”,“ddd”]’）要将这种字符串还原成数组对象，有如下两种方式： 1、使用 eval() 函数转换 eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。我们可以借助它来将字符串还原成数组。 const array = '[...

字符串、数组转换

前端-舟遥遥的博客

12-03

206

1. 数组转字符串 .join() 将数组中所有元素放到一个字符串中，并用指定的分隔符进行分割 const a = [1, 2, 3] a.join(',') // "1,2,3" a.join('_') // "1_2_3" 2. 字符串转数组 .split() 将字符串以指定的分隔符分割成数组 const a = '720_1_6' a.split('_') // [720, 1, ...

转换 字符串，字符串集合，数组

qq_61996308的博客

04-01

493

id: this.editForm.id, // 确保包含 ID?: "",?: "",

十四、JavaScript——类型转化_数值

z972065491的博客

12-14

648

将其他的数据类型转化为数值使用Number()函数来将其他类型转化为数值，适用于任何类型使用parseInt() -- 将一个字符串转化为一个整数-解析时，会自作向右读取一个字符串，直到读取到所有的整数位parseFloat() -- 将一个字符串转化为浮点数使用Number()函数来将其他类型转化为数值- 转化的情况-字符串- 如果字符串是一个各发的数字，就转化为对应数字- 如果字符串不是合法数字，转化为NaN（例如 ‘abc'就不是合法数字）- 字符串是空串或纯空格，转化为0。

java集合详解(集合与其它数据结构体之间的转换)——全网最通俗易懂的讲解(上)

扬帆天涯

12-13

785

集合是开发中需要修改最多的地方，如：从数据库中取出多条数据是 List 结构，然后需要在 Service 进行层层处理，最终为前端展示提供 vo 对象，所以，很多集合使用的规范一定要弄明白。说明：for循环内，如果在直接使用 remove/add 操作，将对原集合的操作，势必改变集合结构，该结构的改变势必影响新一轮的遍历。代码的字里行间流淌的是软件系统的血液，质量的提升是尽可能少踩坑，杜绝踩重复的坑，切实提升系统稳定性，码出质量。如果强行改变，如：list.add(“new”) 新元素，会抛出异常；

WPS JS宏编程教程（从基础到进阶）-- 第五部分：JS数组与WPS结合应用

最新发布

石头的博客

04-08

3000

本章深入探讨了 JavaScript 数组在 WPS 表格自动化中的高级应用，旨在帮助读者掌握数组操作的核心技巧，轻松处理复杂数据并提升工作效率。通过详细的代码示例和逐行解析，本章内容涵盖了数组的归并、打平、合并、切片、排序以及综合应用等多个方面。

前端面试总结

czy19970301的博客

09-16

2504

注册登录是怎么实现的 1.登陆注册要做成受控组件，组件定义state，和表单绑定 2.redux-saga调用数据请求，发送action修改数据， useEffect中dispatch发送数据请求，后端比对用户名是否重复，返回state 3.前端根据返回的信息成功跳转登陆页 4.登陆发送数据请求，数据库对比用户名密码是否正确, 根据后端返回的结果进入首页 5.setCookie将用户登录名密码token存cookie中通过JWT(Json web token) 6.免密登陆 getC

前端字符串数组互转的几种方法

qq_30258721的博客

08-31

1049

字符串数组互转的几种方法

前端JS将其他数值转换为字符串类型

m0_63339166的博客

09-15

6368

对于Number和Boolean数据类型本质为法一，对于null，则直接转换为"null"，对于undefined，则直接转换为"undefined"，同样不改变原数据类型。注意：null和undefined这两种数据类型没有toString()方法，使用会报错。方法一：调用toString()方法，该方法不影响原变量，返回值为转换后的结果。方法二：调用String()函数。将需要转换的数据作为参数传给该函数。方法三：在要转化的数据类型后面 + ""，同样不改变原数据类型。

js字符串与数组互转

linggty的博客

05-15

6878

字符串转数组首先声明一个测试用的字符串 let str = "abcd" split方法使用特定的分隔符 let newStr = str.split("") console.log(newStr) // ["a", "b", "c", "d"] ...运算符 let newStr = str.split("") console.log([...newStr]) // ["a",...

JavaScript -字符串转换成数组（实际开发常用）

weixin_39167759的博客

07-23

240

字符串转换成数组 - split 开发中常用，比如后端返回来的是一串字符串，但其实你要用的是数组… http://xxx.com/upload/1.png, http://xxx.com/upload/2.png, …3.png, …4.png …etc 如上面所示，前端需要的是图片数组，但后端返回的确实一整串图片链接拼接成的字符串… 转换的办法就是用split(); let stringArr = "1.png, 2.png, 3.png, 4.png, 5.png"; let arr = stri

JS中实现字符串和数组的相互转化

热门推荐

life is wonderful

01-22

11万+

早上起来看了一道JS的面试题，是这样描述的：利用var s1=prompt("请输入任意的字符串","")可以获取用户输入的字符串，试编程将用户输入的字符串“反转”，并且将字符串输出。想了一下，字符串对象的方法中并没有实现反转的，但是数组中有，于是考虑了字符串和数组的相互转换问题。 JS中的内置对象中包括字符串对象(String)和数组对象(Array)，

前端将string类型转化成数组

严文文 Chris

12-23

5817

今天遇到一个前端到后端走不通的问题,测试url没问题,就是走不到后端,于是请教同桌,我们发现是传递的body问题,因为后端的body是List<String>,二亲前端传过去的是一个string类型,所以这个方法一直调不到后端,纳闷如何在前端把一个string类型转化成一个数组呢?代码如下 selectAcademyId: string; const strin...

JS 前端数组和字符串之间的互转

qq_40167174的博客

12-23

756

1、数组转字符串 arr.join() 2、字符串转数组 str.split(',')

前端手写(九)——类数组转化为数组

weixin_47450807的博客

03-30

612

一、写在前面数组对于前端的重要性，就不用说了，因为我们可以将很多其他数据类型转化为数组，利用数组中的很多方法就行解决问题。下面我们将总结一下将类数组转化为数组的方法。二、具体方法 2.1、使用Array.from <script> let divs = document.querySelectorAll('div') console.log(divs) console.log(Array.from(divs)) </script> 2.2、使用c

字符串split转数组

weixin_57246351的博客

09-25

794

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do

前端字符串转换成数组

07-28

可以使用字符串的split()方法将前端字符串转换成数组。split()方法接受一个分隔符作为参数，并将字符串分割成多个子字符串，然后将这些子字符串存储在一个数组中。以下是一个示例代码： ```javascript let str = "Hello,World"; let arr = str.split(","); // 使用逗号作为分隔符 console.log(arr); // 输出 ["Hello", "World"] ``` 在上面的示例中，我们将字符串"Hello,World"使用逗号作为分隔符进行分割，并将结果存储在数组arr中。最后，通过console.log()方法打印了数组arr的内容。你可以根据具体的需求选择合适的分隔符，例如逗号、空格或其他字符来分割字符串。