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 ...
随机推荐
- Vue.js——60分钟组件快速入门(上篇)
组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML ...
- EasyPR--中文开源车牌识别系统 开发详解(1)
在上篇文档中作者已经简单的介绍了EasyPR,现在在本文档中详细的介绍EasyPR的开发过程. 正如淘宝诞生于一个购买来的LAMP系统,EasyPR也有它诞生的原型,起源于CSDN的taotao123 ...
- Visual Studio 实用扩展推荐
Visual Studio 拥有非常不错的可扩展性,在之前的文章中,我也给大家示范了如何进行编辑器的扩展(详见文末参考资源).在本篇文章中,我将介绍几款非常实用的扩展,从而帮助我们提高开发效率. C# ...
- CSharpGL(23)用ComputeShader实现一个简单的ParticleSimulator
CSharpGL(23)用ComputeShader实现一个简单的ParticleSimulator 我还没有用过Compute Shader,所以现在把红宝书里的例子拿来了,加入CSharpGL中. ...
- Java命名规范
驼峰法则: 将所有字母都小写(包括缩写),然后将单词的第一个字母大写. 每个单词的第一个字母都大写,来得到大驼峰式命名. 除了第一个单词,每个单词的第一个字母都大写,来得到(小)驼峰式命名. 为避免歧 ...
- 判断用户是否是第一次打开该app
package com.example.fujilun_2; import android.app.Activity; import android.content.Intent; import an ...
- 微软Ignite大会我的Session(SQL Server 2014 升级面面谈)PPT分享
我在首届微软技术大会的Session分享了一个关于SQL Server升级的主题,现在将PPT分享出来. 您可以点击这里下载PPT. 也非常感谢微软中国邀请我进行这次分享.
- 【转】string.Format对C#字符串格式化
转自:http://blog.csdn.net/samsone/article/details/7556781 1.格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元) str ...
- Android数据存储之SQLCipher数据库加密
前言: 最近研究了Android Sqlite数据库(文章地址:Android数据存储之Sqlite的介绍及使用)以及ContentProvider程序间数据共享(Android探索之ContentP ...
- (转)DOM appendHTML实现及insertAdjacentHTML
appenChild() 原文转自 JS中有很多基本DOM方法,例如createElement, parentNode等,其中,appendChild方法是相当地常用与熟知,可谓是DOM节点方法中的& ...