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类型的更多相关文章

  1. js中object类型模拟java中的map

  2. JS中基本类型与包装类型的关系

    对于JS中一些类型的转化的东西,自己测试并得出的结论,有错误的地方请大大们留言. 不多废话,直接贴代码,测试请直接拷贝全部代码: <!DOCTYPE html> <html> ...

  3. 推断js中的类型:typeof / instanceof / constructor / prototype

    怎样推断js中的类型呢,先举几个样例: var a = "jason"; var b = 123; var c = true; var d = [1,2,3]; var e = n ...

  4. js中属性类型:数据属性与访问器属性

    js中属性类型分为两种:数据属性和访问器属性 在js中,对象都是由名值对构成的,名:就是我们所说的属性名,值就是属性对应的值(基本值.对象.方法). ECMA-262第5版定义了只有内部才用的特性,描 ...

  5. js中Object.defineProperty()和defineProperties()

    在介绍js中Object.defineProperty()和defineProperties()之前,我们了解下js中对象两种属性的类型:数据属性和访问器属性. 数据属性 数据属性包含一个数据的位置, ...

  6. js中boolean类型的理解

    <html> <head> <script type="text/javascript"> var x="12"; aler ...

  7. 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 ...

  8. JS中数值类型的本质

    一.JS中的数值类型 众所JS爱好友周知,JS中只有一个总的数值类型--number,它包含了整型.浮点型等数值类型.其中,浮点数的实现思想有点复杂,它把一个数拆成两部分来存储.第一部分是有效位数,也 ...

  9. js中object的申明方法

    //js中的对象申明使用new Object(); //object类型的数据类似于数组通过下表来访问其中的值 //example1 var person=new Object(); person.n ...

随机推荐

  1. Vue.js——60分钟组件快速入门(上篇)

    组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML ...

  2. EasyPR--中文开源车牌识别系统 开发详解(1)

    在上篇文档中作者已经简单的介绍了EasyPR,现在在本文档中详细的介绍EasyPR的开发过程. 正如淘宝诞生于一个购买来的LAMP系统,EasyPR也有它诞生的原型,起源于CSDN的taotao123 ...

  3. Visual Studio 实用扩展推荐

    Visual Studio 拥有非常不错的可扩展性,在之前的文章中,我也给大家示范了如何进行编辑器的扩展(详见文末参考资源).在本篇文章中,我将介绍几款非常实用的扩展,从而帮助我们提高开发效率. C# ...

  4. CSharpGL(23)用ComputeShader实现一个简单的ParticleSimulator

    CSharpGL(23)用ComputeShader实现一个简单的ParticleSimulator 我还没有用过Compute Shader,所以现在把红宝书里的例子拿来了,加入CSharpGL中. ...

  5. Java命名规范

    驼峰法则: 将所有字母都小写(包括缩写),然后将单词的第一个字母大写. 每个单词的第一个字母都大写,来得到大驼峰式命名. 除了第一个单词,每个单词的第一个字母都大写,来得到(小)驼峰式命名. 为避免歧 ...

  6. 判断用户是否是第一次打开该app

    package com.example.fujilun_2; import android.app.Activity; import android.content.Intent; import an ...

  7. 微软Ignite大会我的Session(SQL Server 2014 升级面面谈)PPT分享

       我在首届微软技术大会的Session分享了一个关于SQL Server升级的主题,现在将PPT分享出来.     您可以点击这里下载PPT.     也非常感谢微软中国邀请我进行这次分享.

  8. 【转】string.Format对C#字符串格式化

    转自:http://blog.csdn.net/samsone/article/details/7556781 1.格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元) str ...

  9. Android数据存储之SQLCipher数据库加密

    前言: 最近研究了Android Sqlite数据库(文章地址:Android数据存储之Sqlite的介绍及使用)以及ContentProvider程序间数据共享(Android探索之ContentP ...

  10. (转)DOM appendHTML实现及insertAdjacentHTML

    appenChild() 原文转自 JS中有很多基本DOM方法,例如createElement, parentNode等,其中,appendChild方法是相当地常用与熟知,可谓是DOM节点方法中的& ...