JS中创建对象的方法及json
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/**
* 在js中 所有的东西都是对象 类似与java中的Map<String,Object>
*
* 属性名一定是字符串
*
* 创建对象的几种方式
* 第一种 基于object
* 第二种 简写形式{key:val}
*
*
* 给对象添加属性和赋值的时候：
* 添加属性的两种方式 如果原来存在对应的属性 则表示更新对应属性的值
* . 用点号的形式直接添加属性
* [] 用中括号的形式添加属性
*
* 当访问属性的时候 如果该对象不存在对应的属性 则返回undefined
*
*
*/ var user = new Object({"id":123});
user.username = 'lisi';
user['age'] = 20;
user.say = function(msg){
alert(msg)
};
console.log(user);
console.log(user.username)
console.log(user['age'])
user['username'] = 'zhangsan';
console.log(user.username); //对象的属性删除
delete user.age; //user.say("Hello")
console.log(user['age']); console.log("-------------------")
/**
* 点号的形式 user.key 不会去解析key的具体值 而是直接去得到对应对象里面的建为key的值
* [] user[key] 会解析key的具体值 常用作属性的动态获取
*/
for(var key in user){
console.log(user[key]);
} console.log("---------JSON---------")
/**
* 简写形式
* JSON JavaScript原生对象 数据交换格式
* 键不能重复 如果键 是一个完整的单词 可以直接写 如果键里面包含了空格 要用引号引起来
* @type {{city: string, province: string}}
*/
var address = {
"city":"成都",
province:'四川',
aaa:{
name:'Test',
value:{
value:"123"
}
},
bbb:[{
name:"lisi"
},{
name:"zhangsan"
},{
name:"wangwu"
}],
say:function(){ }
}; console.log(address.aaa['value'].value)
</script>
</head>
<body> </body>
</html>
JS中创建对象的方法及json的更多相关文章
- 秒味课堂Angular js笔记------Angular js中的工具方法
Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...
- anjular中Service、Factory、Provider的使用与js中创建对象的总结
在学习anjular中Service的使用时,发现和js中的创建对象的方式有一定的联系,所以总结了anjular中Service.Factory.Provider的使用方式与js创建对象的方式 一.先 ...
- js中的tostring()方法
http://blog.sina.com.cn/s/blog_85c1dc100101bxgg.html js中的tostring()方法 (2013-11-12 11:07:43) 转载▼ 标签: ...
- JS中通过call方法实现继承
原文:JS中通过call方法实现继承 讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1999/xhtml"& ...
- jQuery与JS中的map()方法使用
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- JavaScript -- 时光流逝（二）：js中数组的方法
JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...
- ASP.NET#使用母版时，如果要使用js中的getElementById()方法取得某个内容页的元素时要注意的问题
当使用母版,要使用js中的getElementById()方法取得某个内容页的元素时,所选取的id并不是母版中内容页的id,而是在设计内容页时设定的id例子:母版页: ...... <head ...
- JS与OC交互，JS中调用OC方法(获取JSContext的方式)
最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继 ...
- JS中split使用方法和数组中元素的删除
JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...
随机推荐
- 最新hadoop虚拟机安装教程（附带图文）
前两天看到有人留言问在什么情况下需要部署hadoop,我给的回答也很简单,就是在需要处理海量数据的时候才需要考虑部署hadoop.关于这个问题在很早之前的一篇分享文档也有说到这个问题,数据量少的完全发 ...
- centos6+nginx+php+mysql+memcached+wordpress
centos6+nginx+php+mysql+memcached+wordpress 搭建步骤(1) LNMP 平台搭建: 请参考:http://www.cnblogs.com/ligao/p/61 ...
- linux下maven项目clean失败
今天在linux下创建了一个项目自动化发布的脚本,在执行到 mvn clean package -Dmaven.test.skip=true 的时候,项目clean失败 查下下度娘,windows下导 ...
- 中点Brehensam画线算法
#include<stdio.h> #include<stdlib.h> #include"graphics.h" //函数声明 void MidBreha ...
- 本地ip 和 网络ip 解释
本地IP其实就是私有IP地址10.0.0.0--10.255.255.255172.16.0.0----172.31.255.255192.168.0.0---192.168.255.255 这些都是 ...
- 学习笔记之Moq
dotnet/src/MoqSample at master · haotang923/dotnet · GitHub https://github.com/htanghtang/dotnet/tre ...
- 1077 Kuchiguse （20 分）
1077 Kuchiguse (20 分) The Japanese language is notorious for its sentence ending particles. Personal ...
- SpringBoot学习记（一）第一个SpringBoot Web服务
工具IDEA 一.构建项目 1.选择Spring Initializr 2.填写项目信息 3.勾选webService 4.勾选Thymeleaf 5.项目建立完成,启动类自动生成 二.写个Contr ...
- Linux命令详解-ftp服务器配置
1.ftp服务器配置 1.ftp安装: rpm –qa | grep ftp 2.查看安装内容: rpm-ql |more 3.启动ftp服务: service vsftpd start 4.配置文件 ...
- mysql响应时间超时排查
背景: 数据库运营环境,zabbix mysql响应时间告警,响应时间超时 zabbix监控 tcprstart 直接抓包响应时间看到每5秒钟就一次,与zabbix监控一致 [root@slave1( ...