大家好，又见面了，我是你们的朋友全栈君。
一些常用更多方法介绍
文章目录
- 前言
- 一、vue对象转数组？
- 二、JSON数据转换
- 1、JSON.parse
- 2、JSON.stringify
- 2.1、JSON.stringify高级使用
- 总结
前言
提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。
提示：以下是本篇文章正文内容，下面案例可供参考
一、vue对象转数组？
示例：工作中我们经常会因为和接口收到数据类型不一致，这个时候需要我们自己手动转换。
代码语言：javascript复制data:{
"a","b"} // 源数据结构
let arr = [];
for (let i in data) {
arr.push(data[i]);
}
arr:["a","b"] // 目标数据结构二、JSON数据转换
平时我们在接收后端返回的json对象通常是一个字符串类型的object，所以一般我们要对这个object进行类型转化后，我们才能使用object里面的数据，而这其中涉及到两个必不可少的方法就是JSON.parse和JSON.stringify
1、JSON.parse
JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号) 解析前要保证数据是标准的JSON格式，否则会解析出错
代码语言：javascript复制// 示例一
const user = '{
"name": "Jack","gender": "男","age": 18,"major":"computer"}'
console.log(JSON.parse(user));
//user = { name:"Jack", gender:"男", age:18, major:"computer"}
// 示例一
const users = '[{
"id":101,"name":"计算机科学"},{
"id":102,"name":"软件工程"}]'
console.log(JSON.parse(users));
// 结果 users= [ {id:101,name:"计算机科学"}, {id:102,name:"软件工程"} ]2、JSON.stringify
代码如下（示例）：
代码语言：javascript复制const user = {
"name": "Jack","gender": "男","age": 18,"major":"computer"}
console.log(user);
// 只输出了一个objectconsole.log()没有输出我们想要的结果。它输出了[Object]，因为从对象到字符串的默认转换是“[Object]”。因此，我们使用JSON.stringify()先将对象转换为字符串
代码语言：javascript复制console.log(JSON.stringify(user));2.1、JSON.stringify高级使用
stringify（）其实还可以传入其他的参数从而方便我们查找数据
代码语言：javascript复制const user = {
"name": "Jack",
"gender": "男",
"age": 18,
"major":"computer",
"phonenumber":123,
"phonenumber1":456,
"phonenumber2":789,
"phonenumber3":321,
"phonenumber4":654,
"phonenumber5":987
}
console.log(JSON.stringify(user,['phonenumber3']));
// 输出结果{"phonenumber3":321}第三个参数控制最终字符串里的间距。如果参数是一个数字，则字符串化中的每个级别，都将缩进这个空格字符数。即不传这个参数一行显示，加了分行显示。
代码语言：javascript复制const user = {
"name": "Jack",
"gender": "男",
"age": 18,
"major":"computer",
"phonenumber":123,
"phonenumber1":456,
"phonenumber2":789,
"phonenumber3":321,
"phonenumber4":654,
"phonenumber5":987
}
console.log(user);
console.log(JSON.stringify(user,null,2));总结
提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了vue的方法，而方法提供了大量能使我们快速便捷地处理数据的函数和方法。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/195194.html原文链接：https://javaforall.cn
