JavaScript对象与数组
一.Object 类型
到目前为止,我们使用的引用类型最多的可能就是 Object 类型了。虽然 Object 的实例
不具备多少功能,但对于在应用程序中的存储和传输数据而言,它确实是非常理想的选择。
创建 Object 类型有两种。一种是使用 new 运算符,一种是字面量表示法。
- 1.使用 new 运算符创建 Object
- var box = new Object(); //new 方式
- box.name = 'Tom'; //创建属性字段
- box.age = 18; //创建属性字段
- 2.new 关键字可以省略
- var box = Object(); //省略了 new 关键字
- 3.使用字面量方式创建 Object
- var box = { //字面量方式
- name : 'Tom', //创建属性字段
- age : 28
- };
- 4.属性字段也可以使用字符串方式
- var box = {
- 'name' : 'Tom', //也可以用字符串形式
- 'age' : 28
- };
- 5.使用字面量及传统赋值方式
- var box = {}; //字面量方式声明空的对象
- box.name = 'Tom'; //点符号给属性赋值
- box.age = 28;
- 6.两种属性输出方式
- alert(box.age); //点表示法输出
- alert(box['age']); //中括号表示法输出,注意引号
- PS:在使用字面量声明 Object 对象时,不会调用 Object()构造函数(Firefox 除外)。
- 7.给对象创建方法
- var box = {
- run : function () { //对象中的方法
- return '运行';
- }
- }
- alert(box.run()); //调用对象中的方法
- 8.使用 delete 删除对象属性
- delete box.name; //删除属性
- 在实际开发过程中,一般我们更加喜欢字面量的声明方式。因为它清晰,语法代码少,
- 而且还给人一种封装的感觉。字面量也是向函数传递大量可选参数的首选方式。
- function box(obj) { //参数是一个对象
- if (obj.name != undefined) {
- alert(obj.name); //判断属性是否存在
- }
- if (obj.age != undefined) {
- alert(obj.age);
- }
- }
- box({ //调用函数传递一个对象
- name : '李炎恢',
- age : 28
- });
二.Array 类型
除了 Object 类型之外,Array 类型是 ECMAScript 最常用的类型。而且 ECMAScript 中
的 Array 类型和其他语言中的数组有着很大的区别。 虽然数组都是有序排列, 但 ECMAScript
中的数组每个元素可以保存任何类型。ECMAScript 中数组的大小也是可以调整的。
创建 Array 类型有两种方式:第一种是 new 运算符,第二种是字面量。
- 1.使用 new 关键字创建数组
- var box = new Array(); //创建了一个数组
- var box = new Array(10); //创建一个包含 10 个元素的数组
- var box = new Array('Tom',28,'教师','北京'); //创建一个数组并分配好了元素
- 2.以上三种方法,可以省略 new 关键字。
- var box = Array(); //省略了 new 关键字
- 3 使用字面量方式创建数组
- var box = []; //创建一个空的数组
- var box = ['Tom',28,'教师','北京']; //创建包含元素的数组
- var box = [1,2,]; //禁止这么做,IE 会识别 3 个元素
- var box = [,,,,,]; //同样,IE 的会有识别问题
- PS:和 Object 一样,字面量的写法不会调用 Array()构造函数。(Firefox 除外)。
- 4.使用索引下标来读取数组的值
- alert(box[2]); //获取第三个元素
- box[2] = '学生'; //修改第三个元素
- box[4] = '计算机编程'; //增加第五个元素
- 5.使用 length 属性获取数组元素量
- alert(box.length) //获取元素个数
- box.length = 10; //强制元素个数
- box[box.length] = 'JS 技术'; //通过 length 给数组增加一个元素
- 6.创建一个稍微复杂一点的数组
- var box = [{
- name: 'Tom',
- age: 18,
- run: function () {
- return 'run了';
- }
- },
- ['Jim', 'Amy', new Object()],
- '北京',
- 25 + 25,
- new Array(1, 2, 3)
- ];
- alert(box);
- PS:数组最多可包含 4294967295 个元素,超出即会发生异常。
三.对象中的方法
转换方法
对象或数组都具有 toLocaleString()、 toString()和 valueOf()方法。 其中 toString()和 valueOf()
无论重写了谁,都会返回相同的值。数组会讲每个值进行字符串形式的拼接,以逗号隔开。
- var box = ['李炎恢',28,'计算机编程']; //字面量数组
- alert(box); //隐式调用了 toString()
- alert(box.toString()); //和 valueOf()返回一致
- alert(box.toLocaleString()); //返回值和上面两种一致
- 默认情况下,数组字符串都会以逗号隔开。如果使用 join()方法,则可以使用不同的分
- 隔符来构建这个字符串。
- var box = ['Tom', 28, '计算机编程'];
- alert(box.join('|'));
unshift() 开头添加一个元素,返回数组总长度
shift() 移除开头一个元素,返回移除的元素
push() 末尾添加一个元素,返回数组总长度
pop(0 移除末尾一个元素,返回移除的元素
sort() 排序
reverse() 前后颠倒
concat() 创建新数组
slice() 获取指定区域元素并创建一个新数组
splice() 移除或插入元素,主要用途是向数组的中部插入元素
JavaScript对象与数组的更多相关文章
- 第一百零三节,JavaScript对象和数组
JavaScript对象和数组 学习要点: 1.Object类型 2.Array类型 3.对象中的方法 什么是对象,其实就是一种类型,即引用类型.而对象的值就是引用类型的实例.在ECMAScript中 ...
- JavaScript 对象与数组参考大全
http://www.cnblogs.com/meil/archive/2006/06/28/437527.html本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作 ...
- JavaScript对象和数组
1.JavaScript中有两个非常重要的数据类型是对象和数组. 通过"."或者"[]"来访问对象属性 举例:var book = { topic:" ...
- 简述JavaScript对象、数组对象与类数组对象
问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...
- javascript 对象和数组(花括号、方括号)
1. javascript对象定义 var a = {var a = "test", var b = "test"} 2. javascript数组定义 var ...
- 探究javascript对象和数组的异同,及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- 精彩的javascript对象和数组混合相加
最近遇到一个让人困解的一个问题:一个简单的js加法运算表达式: +[]; //这里加上一个空数组得到什么???答案:'1'; 为什么答案是1,一开始我也很困惑:后来我读了一篇文章才知道:在javasc ...
- 2.重学javascript 对象和数组
什么是对象,其实就是一种类型,即引用类型. 一.创建Object类型有两种. ①使用new运算符 <script type="text/javascript"> var ...
- javascript对象和数组之 深拷贝和浅拷贝
管是在面试中还是我们的项目中经常会用到数组或者对象的深拷贝,下面我就自己总结的分享给大家. 首先要知道什么是深拷贝?什么是浅拷贝? 深拷贝:源对象与拷贝对象互相独立,其中任何一个对象的改动都不会对另外 ...
随机推荐
- Redis学习笔记六:独立功能之 Lua 脚本
Redis 2.6 开始支持 Lua 脚本,通过在服务器环境嵌入 Lua 环境,Redis 客户端中可以原子地执行多个 Redis 命令. 使用 eval 命令可以直接对输入的脚本求值: 127.0. ...
- HDU 5651 计算回文串个数问题(有重复的全排列、乘法逆元、费马小定理)
原题: http://acm.hdu.edu.cn/showproblem.php?pid=5651 很容易看出来的是,如果一个字符串中,多于一个字母出现奇数次,则该字符串无法形成回文串,因为不能删减 ...
- 关于viewport
最近无聊的很,买了本教材,学习响应式网站设计. 因为有多年css的编程基础,前面的媒介查询学的很顺利.当学到viewport这个mata标签的时候,教程讲的比较简单. 今天,百度了不少资料,基本搞清楚 ...
- windows server 2003下安装iis6+php
参照http://www.myhack58.com/Article/sort099/sort0100/2012/35579.htm 这篇文章,即可! 前 面我写了<windows安装PHP5.4 ...
- mybaitis uuid插入和定义返回类型
- Unity手游之路<十>自动寻路Navmesh之跳跃,攀爬,斜坡
http://blog.csdn.net/janeky/article/details/17598113 在之前的几篇Blog总,我们已经系统学习了自动寻路插件Navmesh的相关概念和细节.然而,如 ...
- ionic不同view跳转到同一个
ionic不同view跳转到同一个 view并保留历史的路由设计 上代码:state 里面新加一个状态 .state("other", { url: "/other&qu ...
- OOP复习笔记
/*OOP相关的代名词不做讲解*/ OOP的三大特征: 封装 - 继承 - 多态 -----------------------------------目录---------------------- ...
- 跟着百度学PHP[4]OOP面对对象编程-15-魔术方法__call方法
简而言之就是调用了一个类中没有的方法就会自动调用__call()方法, 该参数有两个必须的参数! 第一个参数:调用的不存在的方法的方法名. 第二个参数:调用不存在的方法的参数. 但是总的说回来,__c ...
- 读书笔记-String
[String]就是对char[]数组进行封装的对象,由三部分组成: 1, char数组:它是String对象所表示的字符串的超集: 2, 3, offset和count,表示了String对象表示的 ...