[JavaScript]-----对象和数组

最新推荐文章于 2024-02-28 17:06:07 发布

laoda271

最新推荐文章于 2024-02-28 17:06:07 发布

阅读量373

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/chenminghe271/article/details/38511535

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一．Object类型

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

1.使用new 运算符创建Object
var box = new Object(); //new 方式
box.name = '李炎恢'; //创建属性字段
box.age = 28; //创建属性字段

2.new 关键字可以省略
var box = Object(); //省略了new 关键字

3.使用字面量方式创建Object
var box = { //字面量方式
name : '李炎恢', //创建属性字段
age : 28
};

4.属性字段也可以使用字符串星矢
var box = {
'name' : '李炎恢', //也可以用字符串形式
'age' : 28
};

5.使用字面量及传统复制方式
var box = {};

box.name = '李炎恢'; //点符号给属性复制
box.age = 28;

6.两种属性输出方式
alert(box.age); //点表示法输出
alert(box['age']); //中括号表示法输出，注意引号

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);
}

在实际开发过程中，一般我们更加喜欢字面量的声明方式。因为它清晰，语法代码少，

而且还给人一种封装的感觉。字面量也是向函数传递大量可选参数的首选方式。

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 中数组的大小也是可以调整的。

使用字面量方式创建数组
var box = []; //创建一个空的数组
var box = ['李炎恢',28,'教师','盐城']; //创建包含元素的数组
var box = [1,2,]; //禁止这么做，IE 会识别3 个元素

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 : '李炎恢',
age : 28,
run : function () {
return 'run 了';
}
},
['马云','李彦宏',new Object()],//第二个元素是数组
'江苏', //第三个元素是字符串
25+25, //第四个元素是数值
new Array(1,2,3) //第五个元素是数组
];
alert(box);