1.js动态的往json数据添加新属性和值 2.JSON 和 JS 对象互转 3.对象转化为数组

简介: 1.js动态的往json数据添加新属性和值 2.JSON 和 JS 对象互转 3.对象转化为数组

1.js里面动态的往datas 添加手机号码

var datas = ’{"id":1,"name":”张三“."sex":”男“},{"id":2,"name":”李四“."sex":”男“},{"id":3,"name":"王五"."sex":"女"}‘;

for(var i=0; i<datas.length;i++){

    datas[i].phone="10086";

}

console.log(datas);

'{"id":1,"name":"张三"."sex":"男","phone":"10086"},{"id":2,"name":"李四"."sex":"男","phone":"10086"},{"id":3,"name":"王五"."sex":女,"phone":"10086"}'

 

2.JSON 和 JS 对象互转

要实现从对象转换为 JSON 字符串,使用 JSON.stringify() 方法:

 
        var  
        json = JSON.stringify({a:  
        'Hello' 
        , b:  
        'World' 
        });  
        //结果是 '{"a": "Hello", "b": "World"}' 
 

要实现从 JSON 转换为对象,使用 JSON.parse() 方法:

 
        var  
        obj = JSON.parse( 
        '{"a": "Hello", "b": "World"}' 
        );  
        //结果是 {a: 'Hello', b: 'World'} 

3.将对象转化为数组

//直接定义一个函数,调用转对象即可
function transform(obj){
var arr = [];
for(var item in obj){
arr.push(obj[item]);
}
}
 
相关文章
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
658 4
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
258 5
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
638 4
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
714 3
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
460 2
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
202 3
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
374 1

热门文章

最新文章