5.1 JS中Object类型
1.Object类型是引用类型中的一种。
2.创建Object实例(对象)的方式:
方式1:使用new操作符,后面跟上Object构造函数。如:
var obj = new Object();//创建Object对象
obj.name = "1024idea";//给对象添加属性
obj.about = "JavaScript教程";// 给对象添加属性
方式2:对象字面量方式,对象字面量方式是对象简写的一种形式
var obj = {
name:"1024idea",
about:"JavaScript教程";
};
你也可以创建一个空对象,后续给对象添加属性:
var obj = {};
obj.name = "1024idea";//给对象添加属性
obj.about = "JavaScript教程";// 给对象添加属性
3.在实际的开发项目中,我们更喜欢用对象字面量方式。优点在于:(1)简洁 (2)可以向函数中传递大量参数。如:
function showInfo(args){
var output = "";
if(typeof args.name == "string"){
output += "name:"+args.name;
}
if(typeof args.age == "number"){
output += "age:"+args.about;
}
console.log(output);
}
showInfo({name:"1024idea", age:"10"}); //函数调用,传入大量参数
4.访问对象属性的几种方式:
(1)方式一:.点表示法,如:
var obj = {
name:"zhangsan",
score:100,
weight:180
}
console.log(obj.name);// 点表示法
console.log(obj['name']);// 其实也可以用方括号表示法
下面来看一个点表示法去访问对象的属性的例子,稍微难一点的例子,如:
var peronProperty = "";
// JSON对象格式
var objJson = {
total: 3,
data: [
{
"name":"张三",
"age":20,
},
{
"name":"李四",
"age":30
},
{
"name":"王五",
"age": 40
}
]
};
for(var k in objJson.data){
peronProperty += "姓名:"+objJson.data[k].name+",年龄:"+objJson.data[k].age+";\r";
}
console.log(peronProperty);// 姓名:张三,年龄:20; 姓名:李四,年龄:30; 姓名:王五,年龄:40;
(2)方式二:[ ] 方括号表示法
一般来说,我们是用点表示法来访问对象的属性的。
点表示法和方括号表示法的区别:
①一般我们用点表示法,如果属性中包含一些特殊字符,如空格,关键字等,我们则用方括号表示法。
②方括号表示法有个优点就是:可以通过变量来访问属性。,其实在上面的那个例子中 objJson.data[k] 这个就是方括号表示法,其中 k 是一个变量。
原文链接:http://www.1024idea.com/archives/167
5.1 JS中Object类型的更多相关文章
- js中object类型模拟java中的map
- JS中基本类型与包装类型的关系
对于JS中一些类型的转化的东西,自己测试并得出的结论,有错误的地方请大大们留言. 不多废话,直接贴代码,测试请直接拷贝全部代码: <!DOCTYPE html> <html> ...
- 推断js中的类型:typeof / instanceof / constructor / prototype
怎样推断js中的类型呢,先举几个样例: var a = "jason"; var b = 123; var c = true; var d = [1,2,3]; var e = n ...
- js中属性类型:数据属性与访问器属性
js中属性类型分为两种:数据属性和访问器属性 在js中,对象都是由名值对构成的,名:就是我们所说的属性名,值就是属性对应的值(基本值.对象.方法). ECMA-262第5版定义了只有内部才用的特性,描 ...
- js中Object.defineProperty()和defineProperties()
在介绍js中Object.defineProperty()和defineProperties()之前,我们了解下js中对象两种属性的类型:数据属性和访问器属性. 数据属性 数据属性包含一个数据的位置, ...
- js中boolean类型的理解
<html> <head> <script type="text/javascript"> var x="12"; aler ...
- JS中Float类型加减乘除 修复 JQ 操作 radio、checkbox 、select LINQ to SQL:Where、Select/Distinct LINQ to SQL Count/Sum/Min/Max/Avg Join
JS中Float类型加减乘除 修复 MXS&Vincene ─╄OvЁ &0000027─╄OvЁ MXS&Vincene MXS&Vincene ─╄Ov ...
- JS中数值类型的本质
一.JS中的数值类型 众所JS爱好友周知,JS中只有一个总的数值类型--number,它包含了整型.浮点型等数值类型.其中,浮点数的实现思想有点复杂,它把一个数拆成两部分来存储.第一部分是有效位数,也 ...
- js中object的申明方法
//js中的对象申明使用new Object(); //object类型的数据类似于数组通过下表来访问其中的值 //example1 var person=new Object(); person.n ...
随机推荐
- CentOS下Zabbix安装部署及汉化
搭建环境:Centos6.5_x86_64,Zabbix2.4.5,epel 源 服务端: 1.安装开发软件包yum -y groupinstall "Development Tools&q ...
- Hbase安装和错误
集群规划情况: djt1 active Hmaster djt2 standby Hmaster djt3 HRegionServer 搭建步骤: 第一步:配置conf/regionservers d ...
- java中判断字符串是否为只包含数字
1.用Java自带的函数 public static boolean isNumeric(String str){ for(int i=str.length();--i>=0;){ if (!C ...
- 关于《Linux.NET学习手记(8)》的补充说明
早前的一两天<Linux.NET学习手记(8)>发布了,这一篇主要是讲述OWIN框架与OwinHost之间如何根据OWIN协议进行通信构成一套完整的系统.文中我们还直接学习如何直接操作OW ...
- Go语言实战 - 使用SendCloud群发邮件
山坡网需要能够每周给注册用户发送一封名为"本周最热书籍"的邮件,而之前一直使用的腾讯企业邮箱罢工了,提示说发送请求太多太密集. 一番寻找之后发现了大家口碑不错的搜狐SendClou ...
- [NodeJS] Hello World 起步教程
概述: 做数据,免不了需要展示数据,数据可视化是必须经历的步骤. 本文将提供一个NodeJS的起步教程,是笔者这两天探索的小结. 正文: 1. 为什么使用NodeJS 究竟是以B/S还是C/S的架构 ...
- 精通Perl(第2版)
精通Perl(第2版)(通往Perl大师之路必读经典书籍,体现了一种编程思维,能够帮你解决很多实际的问题) [美]brian d foy(布瑞恩·D·福瓦)著 王兴宇 刘宸宇 译 ISBN 978 ...
- Mardown字体颜色、背景色
Markdown字体颜色.背景色 字体颜色表 Markdwon测试 **粗体文字**,或__加文字__ 加粗 Markdown测试 *斜体文字*, 或_斜体_ 斜体 Markdwon测试 列表: 背景 ...
- Ajax 加载数据 练习 自我有些迷糊了,写的大概请谅解 ^ _ ^
查询表的显示,查询显示如果不嵌入PHP代码的话,用ajax怎么实现? <h1>显示数据</h1> <table width="100%" bord ...
- css3属性,会动的生日蛋糕
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8&qu ...