js对象、数组转换字符串

简介: js对象、数组转换字符串

对象转换成字符串需要使用toString()方法。


1 var a = function(){
2     console.log(111);
3 };
4 var b = a.toString();
5 console.log(a); 函数式的function
6 console.log(b); 字符串function
7 console.log(typeof a); >>function
8 console.log(typeof b); >>string

 

数组转换字符串 1.0

1 var a = [1,2,3];
2 var b = a.toString();
3 console.log(a); >>[1,2,3]
4 console.log(b); >>"1,2,3"

当我们进行与原始值比较的时候,它们会自动调用toString方法。(+,-,!=,==都会进行转换。)

 

数组转换字符串 2.0

1 // var a = [1,2,3];2 // console.log(a.join()); >>1,2,3

toString()与join()的比较

1 // var a = [1,2,3];2 // console.log(a.join()); >>1,2,33 // console.log(a.toString()); >>1,2,34 // console.log(a.toString("-")); >>1,2,35 // console.log(a.join("-")); >>1-2-3

join用法的升级版

1 var a = [1,[1,2]];
2 console.log(a.join("-"));  >>1-1,2

我想把全部数组的值都用-分割,但是如果是多维数组,显然直接这样是不行的,但是我们可以通过一个小技巧就可以完美实现。

1 var a = [1,[1,2]];
2 console.log(a.join(",").split(",").join("-")); >>1-1-2

首先把多维数组转换成全部用,分割开的字符串,然后再将字符串转换成数组,最后在用“-”分割就可以达到我们的目的了。

如果还是不清楚,我来看看它的转换过程。

1 var a = [1,[1,2]];
2 // console.log(a.join(",")); >>"1,1,2"
3 // console.log("1,1,2".split(",")); >>["1", "1", "2"]
4 // console.log(["1", "1", "2"].join("-")); >>1-1-2

目录
相关文章
|
1天前
|
JavaScript Java 数据安全/隐私保护
js对象可扩展性和属性的四个特性(下)
js对象可扩展性和属性的四个特性(下)
|
2天前
|
JavaScript 数据处理 索引
js字符串截取
js字符串截取
8 2
|
2天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
8 1
|
2天前
|
JavaScript 前端开发
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
技术经验分享:javaScript遍历对象、数组总结
|
3天前
|
JavaScript 索引
JS判断数组是否包含某个元素
JS判断数组是否包含某个元素
10 1
|
21小时前
|
JavaScript 前端开发
深入理解JavaScript中的字符串
深入理解JavaScript中的字符串
8 0
|
3天前
|
前端开发 JavaScript 安全
解锁 JavaScript ES6:函数与对象的高级扩展功能
解锁 JavaScript ES6:函数与对象的高级扩展功能
|
3天前
|
JavaScript 前端开发 Java
遨游 JavaScript 对象星际:探索面向对象编程的深邃世界
遨游 JavaScript 对象星际:探索面向对象编程的深邃世界
|
3天前
|
前端开发 JavaScript 算法
JavaScript 中的数学与时光魔法:Math与Date对象大揭秘
JavaScript 中的数学与时光魔法:Math与Date对象大揭秘