一些常用更多方法介绍
文章目录 前言一、vue对象转数组?二、JSON数据转换1、JSON.parse2、JSON.stringify2.1、JSON.stringify高级使用 总结前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、vue对象转数组?示例:工作中我们经常会因为和接口收到数据类型不一致,这个时候需要我们自己手动转换。
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.parseJSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号) 解析前要保证数据是标准的JSON格式,否则会解析出错
// 示例一 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代码如下(示例):
const user = {"name": "Jack","gender": "男","age": 18,"major":"computer"} console.log(user); // 只输出了一个objectconsole.log()没有输出我们想要的结果。它输出了[Object],因为从对象到字符串的默认转换是“[Object]”。因此,我们使用JSON.stringify()先将对象转换为字符串
console.log(JSON.stringify(user)); 2.1、JSON.stringify高级使用stringify()其实还可以传入其他的参数从而方便我们查找数据
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}第三个参数控制最终字符串里的间距。如果参数是一个数字,则字符串化中的每个级别,都将缩进这个空格字符数。即不传这个参数一行显示,加了分行显示。
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的方法,而方法提供了大量能使我们快速便捷地处理数据的函数和方法。
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |