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

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

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

    由于ES5的限制 Vue  && Angular 双向绑定检测不到对象属性的添加和删除  还有数组增加索引.这些改变不会触发change事件.Vue是因为实例化的时候已经把各个属性都s ...

  2. js delete删除对象属性,delete删除不了变量及原型链中的变量

    js delete删除对象属性,delete删除不了变量及原型链中的变量 一.delete删除对象属性 function fun(){ this.name = 'gg'; } var obj = ne ...

  3. 根据对象属性查找对象或者数组(根据对象属性查找某数组内符合该条件的对象,数组内对象属性check为true的对象,存放到数组内) 滚动轴样式

      1.根据对象属性查找某数组内符合该条件的对象. optionComwords:[ {optionName:"名称1", optionCode: '1'}, {optionNam ...

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

    只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": &quo ...

  5. JavaScript 对象属性作实参以及实参对象的callee属性

    参考自<<JavaScript权威指南 第6版>> /* * 将对象属性用作实参, 从而不必记住参数的顺序. */ function arraycopy(from,from_s ...

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

    基本的转换为:JSON.parse与JSON.stringify. 但是json数据中含function,则转换后,function会丢失,如: var json={ test:'test', log ...

  7. js学习-自定义函数、对象的字面量、json对象学习小结

    一.自定义对象的构造: var student=new Object(); //object是顶级对象,使用构造函数的方法创建一个对象,此处的意思是创建了一个学生的空对象 student.name=& ...

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

    数组对象的删除有三种方法: pop();        //移除最后一个元素并返回该元素值shift();      //移除最前一个元素并返回该元素值,数组中元素自动前移splice(0,2); / ...

  9. 页面循环绑定(变量污染问题),js面向对象编程(对象属性增删改查),js字符串操作,js数组操作

    页面循环绑定(变量污染问题) var lis = document.querySelectorAll(".ul li") for ( var i = 0 ; i < lis. ...

随机推荐

  1. 【bzoj4636】蒟蒻的数列 离散化+线段树

    原文地址:http://www.cnblogs.com/GXZlegend/p/6801379.html 题目描述 蒟蒻DCrusher不仅喜欢玩扑克,还喜欢研究数列 题目描述 DCrusher有一个 ...

  2. [洛谷P4149][IOI2011]Race

    题目大意:给一棵树,每条边有边权.求一条简单路径,权值和等于$K$,且边的数量最小. 题解:点分治,考虑到这是最小值,不满足可减性,于是点分中的更新答案的地方计算重复的部分要做更改,就用一个数组记录前 ...

  3. 雅礼集训 Day7 T1 Equation 解题报告

    Reverse 题目背景 小\(\text{G}\)有一个长度为\(n\)的\(01\)串\(T\),其中只有\(T_S=1\),其余位置都是\(0\).现在小\(\text{G}\)可以进行若干次以 ...

  4. 【BZOJ 2809 dispatching】

    Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 4393  Solved: 2246[Submit][Status][Discuss] Descript ...

  5. 3.5 实例讲解Lucene索引的结构设计

    3.2节我们已经运行了一个Lucene建立索引的小程序,这一节我们就以这个小程序为例讲解一下Lucene建立索引的过程. import java.nio.charset.StandardCharset ...

  6. 牛客网暑期ACM多校训练营(第十场)D Rikka with Prefix Sum (数学)

    Rikka with Prefix Sum 题意: 给出一个数组a,一开始全为0,现在有三种操作: 1.  1 L R W,让区间[L,R]里面的数全都加上W: 2.  2     将a数组变为其前缀 ...

  7. 快速激活最新JetBrains公司系列产品包括最新的phpstorm10

    快速激活最新JetBrains公司系列产品包括最新的phpstorm10 IntelliJ IDEA开源社区 提供了如下通用激活方法: 注册时选择License server 然后输入框填写:http ...

  8. Mysql大数据备份及恢复

    <p>[引自攀岩人生的博客]MySQL备份一般采取全库备份.日志备份;MySQL出现故障后可以使用全备份和日志备份将数据恢复到最后一个二进制日志备份前的任意位置或时间;mysql的二进制日 ...

  9. new Date在ios下的兼容bug

    今天发现在ios下new Date("2019-03-06").getTime()返回NaN 原因是ios下不支持“-”必须用"/" 记录备忘 var d = ...

  10. Android SQLite使用

    1. 介绍 SQLite是一款轻型的数据库, 是遵守ACID的关系型数据库管理系统, Android系统已经在框架中适配接口供用户使用. 2. 数据类型 SQLite采用的是动态数据类型, 会根据存入 ...