javascript 对象属性的添加,删除,json对象和字符串转换方法等

简介: 1:动态添加 对象属性var obj = new Object();console.log (obj.username);obj.username = "haha";console.log (obj.username);//undefined//haha用“[]”表示。

1:动态添加 对象属性

var obj = new Object();

console.log (obj.username);

obj.username = "haha";

console.log (obj.username);

//undefined

//haha

[]”表示。写成 obj["username"] = "haha";

 var obj = new Object();

console.log (obj.username);

obj["username"] = "haha";

console.log (obj.username);

//undefined

//haha

还可以直接定义

var obj = {username:"haha", password:"123"};

console.log(obj.username);

console.log(obj.password);

//haha

//123

2:删除属性,使用 delete

var obj = new Object();

obj["username"] = "haha";

console.log (obj.username);

delete obj.username;

console.log (obj.username);

//haha

//undefined

3:修改原属性,增加新属性

var json = {  

    "age":24,  

    "name":"haha"  

};  

//修改Json中的age

json["age"] = 30;  

console.log(json.age);

//30

//增加Json中的sex

json["sex"] = "w";  

console.log(json.sex);

//w

4:Json对象与Json字符串互转

JSON.parse(jsonstr); //可以将json字符串转换成json对象

 

var jsObj = {}; 
jsObj.testArray = [1,2,3]; 
jsObj.name = 'CSS3'; 
jsObj.date = '2017'; 
console.log(jsObj) 
console.log(typeof(jsObj));
var str = JSON.stringify(jsObj); 
var str1 = JSON.parse(str); 
console.log(str) 
console.log(typeof(str)); 
console.log(str1) 
console.log(typeof(str1));
//Object {testArray: Array[3], name: "CSS3", date: "2017"}
//object
// {"testArray":[1,2,3],"name":"CSS3","date":"2017"}
// string
//Object {testArray: Array[3], name: "CSS3", date: "2017"}
// object

 

JSON.stringify(jsonobj); //可以将json对象转换成json字符串 

 

var jsObj = {}; 
jsObj.testArray = [1,2,3]; 
jsObj.name = 'CSS3'; 
jsObj.date = '2017'; 
console.log(jsObj) 
console.log(typeof(jsObj));
var str = JSON.stringify(jsObj); 
console.log(str) 
console.log(typeof(str));
//Object {testArray: Array[3], name: "CSS3", date: "2017"}
// object
// {"testArray":[1,2,3],"name":"CSS3","date":"2017"}

//string


转自:http://www.cnblogs.com/kelly2017/p/7074668.html

目录
相关文章
|
1月前
|
JSON 中间件 Java
【GoGin】(3)Gin的数据渲染和中间件的使用:数据渲染、返回JSON、浅.JSON()源码、中间件、Next()方法
我们在正常注册中间件时,会打断原有的运行流程,但是你可以在中间件函数内部添加Next()方法,这样可以让原有的运行流程继续执行,当原有的运行流程结束后再回来执行中间件内部的内容。​ c.Writer.WriteHeaderNow()还会写入文本流中。可以看到使用next后,正常执行流程中并没有获得到中间件设置的值。接口还提供了一个可以修改ContentType的方法。判断了传入的状态码是否符合正确的状态码,并返回。在内部封装时,只是标注了不同的render类型。再看一下其他返回的类型;
157 3
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
5月前
|
JSON IDE Java
鸿蒙开发:json转对象插件回来了
首先,我重新编译了插件,进行了上传,大家可以下载最新的安装包进行体验了,还是和以前一样,提供了在线版和IDE插件版,两个选择,最新的版本,除了升级了版本,兼容了最新的DevEco Studio ,还做了一层优化,就是针对嵌套对象和属性的生成,使用方式呢,一年前的文章中有过详细的概述,这里呢也简单介绍一下。
224 4
鸿蒙开发:json转对象插件回来了
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
272 1
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
7月前
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
234 23
|
11月前
|
JSON 人工智能 算法
探索大型语言模型LLM推理全阶段的JSON格式输出限制方法
本篇文章详细讨论了如何确保大型语言模型(LLMs)输出结构化的JSON格式,这对于提高数据处理的自动化程度和系统的互操作性至关重要。
1495 48
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
294 63
|
10月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
220 13
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
186 1
JavaScript中对象的数据拷贝

热门文章

最新文章

下一篇
oss云网关配置