一.Object 类型
到目前为止,我们使用的引用类型最多的可能就是 Object 类型了。虽然 Object 的实例
不具备多少功能,但对于在应用程序中的存储和传输数据而言,它确实是非常理想的选择。
创建 Object 类型有两种。一种是使用 new 运算符,一种是字面量表示法。

  1. 1.使用 new 运算符创建 Object
  2. var box = new Object(); //new 方式
  3. box.name = 'Tom'; //创建属性字段
  4. box.age = 18; //创建属性字段
  5.  
  6. 2.new 关键字可以省略
  7. var box = Object(); //省略了 new 关键字
  8.  
  9. 3.使用字面量方式创建 Object
  10. var box = { //字面量方式
  11. name : 'Tom', //创建属性字段
  12. age : 28
  13. };
  14.  
  15. 4.属性字段也可以使用字符串方式
  16. var box = {
  17. 'name' : 'Tom', //也可以用字符串形式
  18. 'age' : 28
  19. };
  20.  
  21. 5.使用字面量及传统赋值方式
  22. var box = {}; //字面量方式声明空的对象
  23. box.name = 'Tom'; //点符号给属性赋值
  24. box.age = 28;
  25.  
  26. 6.两种属性输出方式
  27. alert(box.age); //点表示法输出
  28. alert(box['age']); //中括号表示法输出,注意引号
  29. PS:在使用字面量声明 Object 对象时,不会调用 Object()构造函数(Firefox 除外)。
  30.  
  31. 7.给对象创建方法
  32. var box = {
  33. run : function () { //对象中的方法
  34. return '运行';
  35. }
  36. }
  37. alert(box.run()); //调用对象中的方法
  38.  
  39. 8.使用 delete 删除对象属性
  40. delete box.name; //删除属性
  41.  
  42. 在实际开发过程中,一般我们更加喜欢字面量的声明方式。因为它清晰,语法代码少,
  43. 而且还给人一种封装的感觉。字面量也是向函数传递大量可选参数的首选方式。
  44.  
  45. function box(obj) { //参数是一个对象
  46. if (obj.name != undefined) {
  47. alert(obj.name); //判断属性是否存在
  48. }
  49. if (obj.age != undefined) {
  50. alert(obj.age);
  51. }
  52. }
  53. box({ //调用函数传递一个对象
  54. name : '李炎恢',
  55. age : 28
  56. });

二.Array 类型
除了 Object 类型之外,Array 类型是 ECMAScript 最常用的类型。而且 ECMAScript 中
的 Array 类型和其他语言中的数组有着很大的区别。 虽然数组都是有序排列, 但 ECMAScript
中的数组每个元素可以保存任何类型。ECMAScript 中数组的大小也是可以调整的。
创建 Array 类型有两种方式:第一种是 new 运算符,第二种是字面量。

  1. 1.使用 new 关键字创建数组
  2. var box = new Array(); //创建了一个数组
  3. var box = new Array(10); //创建一个包含 10 个元素的数组
  4. var box = new Array('Tom',28,'教师','北京'); //创建一个数组并分配好了元素
  5.  
  6. 2.以上三种方法,可以省略 new 关键字。
  7. var box = Array(); //省略了 new 关键字
  8.  
  9. 3 使用字面量方式创建数组
  10. var box = []; //创建一个空的数组
  11. var box = ['Tom',28,'教师','北京']; //创建包含元素的数组
  12. var box = [1,2,]; //禁止这么做,IE 会识别 3 个元素
  13. var box = [,,,,,]; //同样,IE 的会有识别问题
  14. PS:和 Object 一样,字面量的写法不会调用 Array()构造函数。(Firefox 除外)。
  15.  
  16. 4.使用索引下标来读取数组的值
  17. alert(box[2]); //获取第三个元素
  18. box[2] = '学生'; //修改第三个元素
  19. box[4] = '计算机编程'; //增加第五个元素
  20.  
  21. 5.使用 length 属性获取数组元素量
  22. alert(box.length) //获取元素个数
  23. box.length = 10; //强制元素个数
  24. box[box.length] = 'JS 技术'; //通过 length 给数组增加一个元素
  25.  
  26. 6.创建一个稍微复杂一点的数组
  27. var box = [{
  28. name: 'Tom',
  29. age: 18,
  30. run: function () {
  31. return 'run了';
  32. }
  33. },
  34. ['Jim', 'Amy', new Object()],
  35. '北京',
  36. 25 + 25,
  37. new Array(1, 2, 3)
  38. ];
  39. alert(box);
  40. PS:数组最多可包含 4294967295 个元素,超出即会发生异常。

三.对象中的方法
转换方法
对象或数组都具有 toLocaleString()、 toString()和 valueOf()方法。 其中 toString()和 valueOf()
无论重写了谁,都会返回相同的值。数组会讲每个值进行字符串形式的拼接,以逗号隔开。

  1. var box = ['李炎恢',28,'计算机编程']; //字面量数组
  2. alert(box); //隐式调用了 toString()
  3. alert(box.toString()); //和 valueOf()返回一致
  4. alert(box.toLocaleString()); //返回值和上面两种一致
  5.  
  6. 默认情况下,数组字符串都会以逗号隔开。如果使用 join()方法,则可以使用不同的分
  7. 隔符来构建这个字符串。
  8. var box = ['Tom', 28, '计算机编程'];
  9. alert(box.join('|'));

unshift() 开头添加一个元素,返回数组总长度
shift() 移除开头一个元素,返回移除的元素
push() 末尾添加一个元素,返回数组总长度
pop(0 移除末尾一个元素,返回移除的元素
sort() 排序
reverse() 前后颠倒
concat() 创建新数组
slice() 获取指定区域元素并创建一个新数组
splice() 移除或插入元素,主要用途是向数组的中部插入元素

JavaScript对象与数组的更多相关文章

  1. 第一百零三节,JavaScript对象和数组

    JavaScript对象和数组 学习要点: 1.Object类型 2.Array类型 3.对象中的方法 什么是对象,其实就是一种类型,即引用类型.而对象的值就是引用类型的实例.在ECMAScript中 ...

  2. JavaScript 对象与数组参考大全

    http://www.cnblogs.com/meil/archive/2006/06/28/437527.html本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作 ...

  3. JavaScript对象和数组

    1.JavaScript中有两个非常重要的数据类型是对象和数组. 通过"."或者"[]"来访问对象属性 举例:var book = { topic:" ...

  4. 简述JavaScript对象、数组对象与类数组对象

    问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...

  5. javascript 对象和数组(花括号、方括号)

    1. javascript对象定义 var a = {var a = "test", var b = "test"} 2. javascript数组定义 var ...

  6. 探究javascript对象和数组的异同,及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  7. 精彩的javascript对象和数组混合相加

    最近遇到一个让人困解的一个问题:一个简单的js加法运算表达式: +[]; //这里加上一个空数组得到什么???答案:'1'; 为什么答案是1,一开始我也很困惑:后来我读了一篇文章才知道:在javasc ...

  8. 2.重学javascript 对象和数组

    什么是对象,其实就是一种类型,即引用类型. 一.创建Object类型有两种. ①使用new运算符 <script type="text/javascript"> var ...

  9. javascript对象和数组之 深拷贝和浅拷贝

    管是在面试中还是我们的项目中经常会用到数组或者对象的深拷贝,下面我就自己总结的分享给大家. 首先要知道什么是深拷贝?什么是浅拷贝? 深拷贝:源对象与拷贝对象互相独立,其中任何一个对象的改动都不会对另外 ...

随机推荐

  1. Redis学习笔记六:独立功能之 Lua 脚本

    Redis 2.6 开始支持 Lua 脚本,通过在服务器环境嵌入 Lua 环境,Redis 客户端中可以原子地执行多个 Redis 命令. 使用 eval 命令可以直接对输入的脚本求值: 127.0. ...

  2. HDU 5651 计算回文串个数问题(有重复的全排列、乘法逆元、费马小定理)

    原题: http://acm.hdu.edu.cn/showproblem.php?pid=5651 很容易看出来的是,如果一个字符串中,多于一个字母出现奇数次,则该字符串无法形成回文串,因为不能删减 ...

  3. 关于viewport

    最近无聊的很,买了本教材,学习响应式网站设计. 因为有多年css的编程基础,前面的媒介查询学的很顺利.当学到viewport这个mata标签的时候,教程讲的比较简单. 今天,百度了不少资料,基本搞清楚 ...

  4. windows server 2003下安装iis6+php

    参照http://www.myhack58.com/Article/sort099/sort0100/2012/35579.htm 这篇文章,即可! 前 面我写了<windows安装PHP5.4 ...

  5. mybaitis uuid插入和定义返回类型

  6. Unity手游之路<十>自动寻路Navmesh之跳跃,攀爬,斜坡

    http://blog.csdn.net/janeky/article/details/17598113 在之前的几篇Blog总,我们已经系统学习了自动寻路插件Navmesh的相关概念和细节.然而,如 ...

  7. ionic不同view跳转到同一个

    ionic不同view跳转到同一个 view并保留历史的路由设计 上代码:state 里面新加一个状态 .state("other", { url: "/other&qu ...

  8. OOP复习笔记

    /*OOP相关的代名词不做讲解*/ OOP的三大特征: 封装 - 继承 - 多态 -----------------------------------目录---------------------- ...

  9. 跟着百度学PHP[4]OOP面对对象编程-15-魔术方法__call方法

    简而言之就是调用了一个类中没有的方法就会自动调用__call()方法, 该参数有两个必须的参数! 第一个参数:调用的不存在的方法的方法名. 第二个参数:调用不存在的方法的参数. 但是总的说回来,__c ...

  10. 读书笔记-String

    [String]就是对char[]数组进行封装的对象,由三部分组成: 1, char数组:它是String对象所表示的字符串的超集: 2, 3, offset和count,表示了String对象表示的 ...