js 把对象转为字符串，并以逗号隔开

前端打工人

已于 2022-11-14 17:13:59 修改

阅读量2k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端

于 2022-11-14 17:10:06 首次发布

本文链接：https://blog.csdn.net/weixin_43953518/article/details/127850282

版权

30 篇文章 4 订阅

订阅专栏

本文介绍了如何将JavaScript对象转换为字符串，提供了两种方法：使用`Object.keys()`遍历和`for...in`循环。这两种方法都能够将对象的键值对以特定格式拼接成字符串。在实际开发中，可以根据需要调整拼接格式。

摘要由CSDN通过智能技术生成

项目上一个模块有一个这样的需求，需要把表单form对象的值转换成字符串拼接到另一个表单上，下面先看下效果图。

这个是动态表单，需要填写值

在这里插入图片描述

这个图是转换后的数据
在这里插入图片描述

如表单是下面对象

let obj = {
	id: 1,
	name: '张三',
	sex: '男'
}

你想转换成， id:1,name:张三,sex:男

如果你有类似的需求，只是拼接的数据格式不一样，修改一下即可

let arr = []
const keys = Object.keys(obj)
keys.forEach(key => {
	arr.push([key, obj[key]].join(':'))
})
let str = arr.join(',')
console.log(str)

let  arr =[]
for(let key in obj){
	arr.push(key+':'+obj[key])
}
let str = arr.join(',')
console.log(str)

这里需要了解的一些小知识，简单说一下

for in 循环，可以循环出对象里面的所有的key，(key就是属性名)；
```
 例：for(let key in obj)  {}                       
```
Object.keys(指定的对象)，该方法可以获取指定对象的所有key，返回值是一个数组；
Object.values(指定的对象)，该方法可以获取指定对象的所有的value，返回值是一个数组；
对象转字符串： JSON.stringify()，转换后格式为 {‘id’: ‘11’, ‘name’: ‘张三’}
字符串转对象：JSON.parse()

关注