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

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

时间: 2024-08-02 23:00:49

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

JavaScript中对象属性的添加和删除

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /* * 用.为对象添加属性 用关键字delete删除属性 用[]添加属性 和.的不同 r.name==r["name"]; r.

Vue &amp;&amp; Angular 双向绑定检测不到对象属性的添加和删除

由于ES5的限制 Vue  && Angular 双向绑定检测不到对象属性的添加和删除  还有数组增加索引.这些改变不会触发change事件.Vue是因为实例化的时候已经把各个属性都setter和getter进去了. 两个实现的机制不一样.故解决方案也不一样. 详情查看:https://cn.vuejs.org/v2/guide/list.html#对象更改检测注意事项 Angular解决方案: 可以手动调用$apply()方法,会再自动轮询一遍 Vue解决方案: 使用vm.$set(对象

JS中彻底删除json对象组成的数组中的元素

只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }]; 如果我们想要删除其中的第二

JavaScript - 问题集 - 含function的json对象与json字符串之间相互转换

基本的转换为:JSON.parse与JSON.stringify. 但是json数据中含function,则转换后,function会丢失,如: var json={ test:'test', login: function(){ alert("login") } } 经JSON.stringify后,login丢失. var json={ test:'test' } JSON.parse,结果一样. 正确处理方法: // json对象转换成字符串 var s=JSON.stringi

数组对象元素的添加,String对象,BOM对象以及文档对象的获取

数组对象的删除有三种方法: pop();        //移除最后一个元素并返回该元素值shift();      //移除最前一个元素并返回该元素值,数组中元素自动前移splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素通过这三种方法我们可以将数组中的元素按进行删除 var del = ["aa",23,345,56,34,"bb"]; var del_last = del.pop()

javascript 中如何判断是否是JSON格式的字符串

var stringToJson = function(value){ try{ eval('('+value+')'); return angular.fromJson(value); } catch(er){ return value; } } 注: angular.fromJson(value); 为angularjs前端框架中的JSON格式字符串转JSON对象的方法,此处非完整方法,主要演示通过try捕捉eval异常判断传入参数是否为json格式字符串 用途: 将JSON字符串转为JSO

使用jquery将表单自动封装成json对象 /json对象元素的添加删除和转换

$.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.v

JSONObject与JSONArray的使用3--Java对象属性的添加或删除(JsonConfig)

1. 第一种方式,实现JSONString接口的方法 public class Person implements JSONString { private String name; private String age; private Address address; // getters & setters public String toJSONString() { return "{name:'"+name+"',age:'"+age+"

删除json对象中空值

function deleteEmptyProperty(obj){ var object = obj; for (var i in object) { var value = object[i]; if (typeof value === 'object') { if (Array.isArray(value)) { if (value.length == 0) { delete object[i]; continue; } } this.deleteEmptyProperty(value);