JavaScript对象的理解 及 字面量对象与数组的关系
JavaScript的简单类型包括 数字、字符串、布尔值、null值、undefined值。
其他的值都是对象。对象是可变的键控集合。数组、函数、正则表达式都是对象。
对象是属性的容器,属性都是名字和值对。名字可以是包括空字符串在内的全部字符串。值可以是除了undefined之外的任何值。
JavaScript中的对象是无类别(class-free)的。
JavaScript包括一个原型链特性,允许对象继承另一个对象的属性。正确的使用能减少对象初始化的时间和内存损耗。
对象字面量:
var empty_object = {}; var stoog = {
"first-name" : "Jerry",
second_name : "howead"
};
注意:
1.如果属性名称合法并且不是保留字,那么名字的 引号 可以不写。也就是说,是“保留字”的时候,“属性名称”一定要打引号,否则IE浏览器下报错;
2.另外,对象的最后一个属性值后面是不要逗号“,”的,不然,IE浏览器又会报错,切记!!!
检索:
1、stoog["first-name"]
2、stoog.second_name
如果尝试返回一个不存在的元素的值,那么将返回一个undefined值。
||可以用来填充默认值
如:var middle = stoog["first-name"]||"(none)";
检索undefined值将会导致TypeError异常,可以使用&&来避免错误
flight.equipment && flight.equipment.model //undefined.
引用 reference
对象通过引用来传递,他们永远不会被拷贝
原型 Prototype
当用Prototype编写一个类后,当new一个新的object,浏览器会自动把prototype中的内容附加在object上。
反射 Reflection
typeof flight.number //'number' 该方法会检查原型链。
flight.hasOwnProperty('number') //true .该方法不会检查原型链
枚举 Enumeration
for in 可以用来遍历一个对象中所有的属性名。会列出所有的属性,包括函数和可能不关心的原型中的属性。并且不按照顺序取得。
所以可以用 typeof 或者hasOwnProperty来过滤不需要的值。
所以通常使用for而不是for in,可以得到我们想要的属性,而不会得到原型链中的属性,并且可以按顺序取得。
删除 delete
它会删除对象中包含的属性,但是不触及原型链中的任何对象。所以删除对象的属性可能会让原型链中的属性浮现出来。
减少全局变量污染 Global Abatement
最小化使用全部变量的一个方法是在应用中只创建唯一一个全局变量,然后让该变量称为你的应用的容器。
闭包也是一个有效减少全局污染的方法。
JavaScript 字面量对象 与 数组 混用
1、数组的创建
1.1 采用“数组字面量”
JS的数组是无类型的,里边可以存放任何类型的数据,如:
var aValues=["string", 24, true, null];
这里定义了一个数组字面量,可用如下方式访问:
alert(aValues[0]); //输出字串”string”
alert(aValues[1]); //输出数字24
alert(aValues[2]); //输出布尔值true
alert(aValues[3]); //输出null。
1.2、 如果不想用字面量表示法定义数组,也可以用Array的构造函数。如:
var aValues = new Array("string", 24, true, null);
2、对象的创建
2.1、用对象字面量,如:
var oCar = {
"color": "red",
"doors": 4,
"paidfor": true
}
这里创建了一个对象,内有三个属性,可用如“.”号的方式访问对象的属性:
alert(oCar.color); //输出”red”
alert(oCar.door); //输出”4”
alert(oCar.paidfor); //输出”true”
也可用“[“属性”]”的方式得到属性值,如下:
alert(oCar["color"]); //输出字串”red”
alert(oCar["door"]); //输出字串”4”
alert(oCar["paidfor"]); //输出字串”true”
2.2、同样,也可使用JS的object构造函数来创建一个对象。如下:
var oCar = new object();
oCar.color = "red";
oCar.doors = 4;
oCar.paidfor = true;
2、数组和对象的混合
这里只能使用混合字面量,来创建“对象数组”或“包含数组的对象”。如下:
var oCars = [
{
"color": "red",
"doors": 2,
"paidfor": true },
{
"color": "blue",
"doors": 4,
"paidfor": true
},
{
"color": "white",
"doors": 2,
"paidfor": false
}
];
这就是一个对象数组,里面包含了三个对象,访问时形如这样:
alert(oCars[1].color); //输出“blue”
如下是一个包含数组的对象:
oCarInfo = {
"availableColors": ["red", "blue", "white"],
"availableDoors": [2, 4]
};
访问时形如:
alert(oCarsInfo.availableColor[1]); // 输出“blue”
JavaScript对象的理解 及 字面量对象与数组的关系的更多相关文章
- Javascript的字面量对象以及如何拆解字面量对象
简单的说,字面量对象提供了一直非常方便构建新对象的方式,它的格式非常简单且容易阅读.是大多数前端程序员在构建对象时比较推崇的一种方式. 格式: var person = { name : " ...
- JSON运用——PHP中使用json数据格式定义字面量对象的方法
目前,在PHP中是不支持字面量命名法. 前端的小伙伴都知道,在JS中用字面量定义一个对象的方法可以如下: var o = { 'name' : 'Tom' , 'url' : 'www.baidu.c ...
- JS对象、基本类型和字面量的区别
字面值: var str1='this is a simple string'; var num1=1.45; var answer1=true; 基本类型: var str2=String('thi ...
- ES6 - 对象扩展(增强字面量)
/** * 对象的扩展 * * 增强对象字面量 * * 解决问题:缩减代码 */ { /** * 1.属性简表示法 * 变量foo直接写在大括号里面.这时,属性名就是变量名, 属性值就是变量值 */ ...
- char型指针和字符串字面量和字符数组
1.当一个char型指针指向一个字符串字面量(也就是常量字符串)时,该指针必须由const修饰,否则,系统会给出deprecated(不赞成)的警告.原因是:字符串字面量不可改变,当它被一个非cons ...
- javascript 字面量 和变量 之间的关系
https://www.w3cschool.cn/javascript/js-syntax.html
- JavaScript对象字面量
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- 【JavaScript】动态原型模式创建对象 ||为何不能用字面量创建原型对象?
var proto = ""; function Person(name, age, job) { this.name = name; this.age = age; this.j ...
- Java常量,变量,对象(字面量)在JVM内存中的存储位置
Java常量,变量,对象(字面量)在JVM内存中的存储位置 2019-02-26 18:13:09 HD243608836 阅读数 540 收藏 更多 分类专栏: JAVA jvm 苦苦研究了快 ...
随机推荐
- 字符串切分 String.Split 和 Regex.Split
当切割字符串的是单个字符时可使用String.Split string strSample="ProductID:20150215,Categroy:Food,Price:15.00&quo ...
- oracle异常(-)
一.概述异常分成三大类:预定义异常.非预定义异常.自定义异常处理方法分为:直接抛出异常.内部块处理异常.游标处理异常 预定义异常:由PL/SQL定义的异常.由于它们已在standard包中预定义了,因 ...
- [普通平衡树treap]【学习笔记】
3224: Tyvj 1728 普通平衡树 Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 9046 Solved: 3840[Submit][Sta ...
- 第12章 Java字符串
1.什么是Java中的字符串 字符串String并不是一种数据类型,而是一个类对象,在java.lang包中,只不过在默认情况下java都是自动导入的,所以可以直接使用创建一个String对象的方法有 ...
- 06章 映射一对多双向关联关系、以及cascade、inverse属性
当类与类之间建立了关联,就可以方便的从一个对象导航到另一个对象.或者通过集合导航到一组对象.例如: 对于给定的Emp对象,如果想获得与它关联的Dept对象,只要调用如下方法 Dept dept=emp ...
- HOLOLENS程序发布,这个界面调用的图片
SplashScreen.scale-200.png 1240 x 600
- php配置参数.md
php 5.5 配置文件 php.ini Options user_ini.filename string 设定了 PHP 会在每个目录下搜寻的文件名:如果设定为空字符串则 PHP 不会搜寻.默认值是 ...
- webapi相关知识
1.从uri中获取参数 :后端:[FromUri] 2.从uri中获取数组参数:后端:[FromUri]string[] type 前端:type[]=1&type[]=2&type ...
- Nginx负载均衡实践之一:基本实现
由于现在的网站架构越来越大,基于互联网的用户也是日渐增长,所以传统的单机版服务器已经渐渐不能适应时代发展的需要.最近在和其他企业接触的过程中,发现对于互联网的经验尤为看重,所谓的互联网经验,其实就是指 ...
- checking for fcc ....no checking for cc .. no
源码编译,提示缺少gcc cc cl.exe 解决方案: yum install -y gcc glibc