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]);
}
}
 
相关文章
|
1天前
|
JavaScript 前端开发
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
|
1天前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
|
1天前
|
JavaScript 前端开发
原生JS如何查询元素属性
原生JS如何查询元素属性
|
2天前
|
缓存 监控 JavaScript
Vue.js中的计算属性 computed 与监听属性 watch深入探索
Vue.js中的计算属性 computed 与监听属性 watch深入探索
18 0
|
2天前
|
设计模式 存储 JavaScript
【JavaScript】JavaScript对象设计哲学:八种模式塑造高效代码
【JavaScript】JavaScript对象设计哲学:八种模式塑造高效代码
14 5
|
3天前
|
存储 缓存 JavaScript
JavaScript内存泄漏通常发生在对象不再需要时
【6月更文挑战第16天】JavaScript内存泄漏常由闭包引起,当不再需要的对象仍被闭包引用时,垃圾回收机制无法清理。例如,创建返回大型对象引用的闭包函数会导致内存泄漏。避免泄漏需及时解除引用,清除事件监听器,利用WeakMap或WeakSet,以及定期清理缓存。使用性能分析工具监控内存使用也有助于检测和解决问题。
18 8
|
4天前
|
JSON JavaScript 前端开发
js将json字符串还原为json
【6月更文挑战第15天】js将json字符串还原为json
11 4
|
5天前
|
JavaScript 前端开发
javascript判断对象中是否存在某个字段
javascript判断对象中是否存在某个字段
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
153 63
|
6天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
31 5