JS 数组, 字符串 之间的类型转换

本文介绍了JavaScript中将数组转换为字符串的toString()、toLocaleString()方法,以及使用join()进行分隔,字符串转数组的split()和扩展运算符,以及JSON字符串转对象的JSON.parse()方法。

一,数组转字符串 (三种方法)

数组方法说明
toString()

用于把一个逻辑值转换为字符串,并返回结果

toLocaleString()把数组转换成本地约定的字符串
join()用于把数组中的所有元素放入一个字符串

1. toString()

let a = ["01", "02", "03", "04", "05"];
let b = a.toString();
console.log(b);

toString()方法不可以指定分隔符,但是我们可以通过replace()方法指定替换

g:代表全局匹配
i:代表忽略大小写
gi:代表全局匹配+忽略大小写

let a = ["01", "02", "03", "04", "05"];
let c = a.toString().replace(/,/gi,'-')
console.log(c);

2. join()

  • 元素是通过指定的分隔符进行分隔的
  • 默认用逗号进行分隔,分隔符可以自定义修改 如:(  ,  -   。  ! )等
let a = ["01","02","03","04","05"]
let b = a.join()
console.log(b)

 二,字符串转数组(2种方法)

1. split()

  • 把一个字符串分割成字符串数组

let a = "01,02,03,04";
let b = a.split(",");
console.log(b);
split()方法说明代码呈现
split() 默认逗号分隔['01', '02', '03', '04']
split(’,’)  逗号默认分割['01', '02', '03', '04']
split(’ ')空字符串每个字符之间都会被分割['0', '1', ',', '0', '2', ',', '0', '3', ',', '0', '4'

2. 扩展运算符

  • es6里面的扩展运算符

let arr = "01,02,03,04";
let nawStr = [...arr.split(",")];
console.log(nawStr);

['01', '02', '03', '04']
let arr = "01,02,03,04";
let nawStr = [...arr];
console.log(nawStr);

['0', '1', ',', '0', '2', ',', '0', '3', ',', '0', '4']

三,JSON字符串转成对象

JSON.parse()

JSON.parse()方法用来解析 JSON 字符串,就是把JSON字符串转成对象。

let myObject = '{"name":"zs","age":18}'
console.log(JSON.parse(myObject))  // {name: 'zs', age: 18}
let imgs = this.rowData.image //字符串类型
this.ruleForm.ctupian = JSON.parse(imgs)
console.log("图片",this.ruleForm.ctupian)

JavaScript中,如果需要将数组中的字符串类型转换为对应的值类型(如数字、布尔值等),可以通过多种方式实现。以下是一些常见的方法: ### 数字类型转换 如果数组中的字符串表示的是数字,可以使用 `Number()` 函数或一元 `+` 运算符来实现转换: ```javascript const strArray = ["123", "45.67", "-89"]; const numArray = strArray.map(Number); // 使用 Number() 函数 console.log(numArray); // [123, 45.67, -89] ``` ```javascript const strArray = ["123", "45.67", "-89"]; const numArray = strArray.map(str => +str); // 使用一元 + 运算符 console.log(numArray); // [123, 45.67, -89] ``` ### 浮点数类型转换 如果需要将字符串转换为浮点数,可以使用 `parseFloat()` 函数: ```javascript const strArray = ["123.45", "67.89", "-10.11"]; const floatArray = strArray.map(parseFloat); console.log(floatArray); // [123.45, 67.89, -10.11] ``` ### 整数类型转换 如果需要将字符串转换为整数,可以使用 `parseInt()` 函数,并指定基数(通常为10): ```javascript const strArray = ["123", "45.67", "-89"]; const intArray = strArray.map(str => parseInt(str, 10)); console.log(intArray); // [123, 45, -89] ``` ### 布尔类型转换 对于布尔值的转换,可以使用 `Boolean()` 函数。需要注意的是,只有空字符串 (`""`) 会被转换为 `false`,其他所有非空字符串都会被转换为 `true`: ```javascript const strArray = ["true", "false", ""]; const boolArray = strArray.map(Boolean); console.log(boolArray); // [true, true, false] ``` ### 复杂情况处理 如果字符串中包含非数字字符,可以先使用正则表达式清理数据,然后再进行转换: ```javascript const strArray = ["$123", "45.67%", "-89px"]; const cleanedArray = strArray.map(str => str.replace(/[^-\d.]/g, '')); // 移除非数字字符 const numArray = cleanedArray.map(Number); console.log(numArray); // [123, 45.67, -89] ``` 通过上述方法,可以根据具体需求选择合适的方式来转换数组中的字符串类型为值类型。[^3]
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值