JS中数字,字符串,数组转化

1 阅读2分钟

数字转换为字符串:

拼接空字符串: image.png toString( ) 方法: image.png String( ) 函数 image.png

字符串转换为数组

split( ): 传空字符串 '':按单个字符拆分(包括空格、特殊字符); 传具体分隔符(如 ,、):按指定符号拆分 image.png

Array.from( ): 将可迭代对象(包括字符串) 转为数组,效果和 split('') 一致 image.png

扩展运算符 [...str]image.png

字符串转为数字

Number( ): 根据字符串内容返回对应的数字、0 或 NaN,支持整数、小数、正负号,也能处理空字符串 / 布尔值等

纯数字字符串(如 "123"、"-45.6")→ 对应数字;

空字符串 / 全空格字符串 → 0;

包含非数字字符(如 "123a"、"abc")→ NaN;

特殊值("Infinity")→ 对应特殊数字 image.png

parseInt( ): 提取字符串开头的整数,会忽略数字后的非数字字符

开头是数字 → 提取到第一个非数字字符为止;

开头非数字 → NaN;

自动忽略前导空格,不处理小数(直接截断) image.png

parseFloat( ): 提取字符串开头的浮点数,忽略后缀非数字字符。

支持小数点,只识别十进制,无需传进制参数。 image.png

隐式转换: 用一元运算符 +(正号)或 -(负号)可以快速将字符串转为数字,效果和 Number( )完全一致,适合追求代码简洁的场景。 + 等价于 Number( ),- 会在转换后取反 image.png

数组转换为字符串

toString( ): 将数组的每个元素转为字符串,并用逗号分隔,返回最终的字符串

无论数组元素是数字、字符串、布尔值,都会被转为字符串;嵌套数组会被扁平化处理

如果数组中有 null/undefined:toString( ) 和 join( ) 会将其转为空字符串 image.png

join( ): 指定自定义分隔符(如空格、横线、空字符串等)

不传参数时,默认用逗号分隔(和 toString( ) 效果一致); 传空字符串 '' 时,元素直接拼接无分隔; 传自定义字符(如 -、)时,按指定字符分隔

如果数组中有 null/undefined:toString( ) 和 join( ) 会将其转为空字符串 image.png

JSON.stringify( ): 如果需要保留数组的格式(包括括号、逗号),可用 JSON.stringify( ),它会将数组转为符合 JSON 格式的字符串。

保留数组的 [ ] 结构,嵌套数组也会保留层级 image.png