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]);
}
}
 
相关文章
|
3月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
3月前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
105 56
|
3月前
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
3月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
152 0
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
3月前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
4月前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
4月前
|
前端开发 JavaScript
JS-数据筛选
JS-数据筛选
53 7
|
4月前
|
JavaScript 数据安全/隐私保护
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
76 4
|
4月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
129 4
|
4月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
48 1

热门文章

最新文章