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
javascript 对象属性的添加,删除,json对象和字符串转换方法等的更多相关文章
- Vue && Angular 双向绑定检测不到对象属性的添加和删除
由于ES5的限制 Vue && Angular 双向绑定检测不到对象属性的添加和删除 还有数组增加索引.这些改变不会触发change事件.Vue是因为实例化的时候已经把各个属性都s ...
- js delete删除对象属性,delete删除不了变量及原型链中的变量
js delete删除对象属性,delete删除不了变量及原型链中的变量 一.delete删除对象属性 function fun(){ this.name = 'gg'; } var obj = ne ...
- 根据对象属性查找对象或者数组(根据对象属性查找某数组内符合该条件的对象,数组内对象属性check为true的对象,存放到数组内) 滚动轴样式
1.根据对象属性查找某数组内符合该条件的对象. optionComwords:[ {optionName:"名称1", optionCode: '1'}, {optionNam ...
- JS中彻底删除json对象组成的数组中的元素
只是分享一个小知识~ 在JS中,对于某个由json对象组成的数组,例如: var test = [{ "a": "1", "b": &quo ...
- JavaScript 对象属性作实参以及实参对象的callee属性
参考自<<JavaScript权威指南 第6版>> /* * 将对象属性用作实参, 从而不必记住参数的顺序. */ function arraycopy(from,from_s ...
- JavaScript - 问题集 - 含function的json对象与json字符串之间相互转换
基本的转换为:JSON.parse与JSON.stringify. 但是json数据中含function,则转换后,function会丢失,如: var json={ test:'test', log ...
- js学习-自定义函数、对象的字面量、json对象学习小结
一.自定义对象的构造: var student=new Object(); //object是顶级对象,使用构造函数的方法创建一个对象,此处的意思是创建了一个学生的空对象 student.name=& ...
- 数组对象元素的添加,String对象,BOM对象以及文档对象的获取
数组对象的删除有三种方法: pop(); //移除最后一个元素并返回该元素值shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移splice(0,2); / ...
- 页面循环绑定(变量污染问题),js面向对象编程(对象属性增删改查),js字符串操作,js数组操作
页面循环绑定(变量污染问题) var lis = document.querySelectorAll(".ul li") for ( var i = 0 ; i < lis. ...
随机推荐
- poj2388 更水
Who's in the Middle Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 34974 Accepted: 2 ...
- gulp-API介绍
使用gulp,一般只需要用4个API:gulp.src(),gulp.dest(),gulp.task(),gulp.watch(). 1. gulp.src() 用来获取流的,但是要注意的是这个流里 ...
- Hexo安装和配置
Hexo安装和配置 1. Git安装和设置 github brew install git #Mac电脑使用brew安装 sudo apt-get install git #Ubuntu系统使用这 ...
- 【DNS】DNS的几个基本概念
一. 根域 就是所谓的“.”,其实我们的网址www.baidu.com在配置当中应该是www.baidu.com.(最后有一点),一般我们在浏览器里输入时会省略后面的点,而这也已经成为了习惯. 根域服 ...
- lambda表达式10个示例——学习笔记
摘录:http://www.importnew.com/16436.html 1.lambda实现Runnable // Java 8之前: new Thread(new Runnable() { @ ...
- bzoj4386 Wycieczki
题目描述 给定一张n个点m条边的带权有向图,每条边的边权只可能是1,2,3中的一种.将所有可能的路径按路径长度排序,请输出第k小的路径的长度,注意路径不一定是简单路径,即可以重复走同一个点. 输入 第 ...
- 使AD域控服务器Administrator的密码永不过期方法。
在安装完AD域后,管理员密码会42天就要更新一次,这样对测试比较不方便, 如果要让域控管理员账号密码永远不过期,就照着下面的方法执行: open a Command Prompt as the adm ...
- PotPlayer一款简洁好用的播放器
PotPlayer 是 KMPlayer 的原制作者姜龙喜先生(韩国)进入 Daum 公司后的新一代作品.PotPlayer 的优势在于强大的内置解码器:而 KMPlayer 的优势在于强大的定制能力 ...
- java算法(二) 快速排序
快速排序是一种交换排序. 快速排序由C. A. R. Hoare在1962年提出. 它的基本思想是:通过一趟排序将要排序的数据分割成独立的两部分:分割点左边都是比它小的数,右边都是比它大的数. 然后再 ...
- hdu6188&&百度之星初赛(B) T5
度度熊的交易计划 Problem Description 度度熊参与了喵哈哈村的商业大会,但是这次商业大会遇到了一个难题: 喵哈哈村以及周围的村庄可以看做是一共由n个片区,m条公路组成的地区. 由于生 ...