对象和数组

什么是对象

对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称做为类，但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言，却不具备传统面向对象语言所支持的类和接口等基本结构。

什么是object类型

Object是在javascript中一个被我们经常使用的类型，而且JS中的所有对象都是继承自Object对象的。创建Object类型有两种：一种是使用new运算符，一种是字面量表示法。

1．使用new运算符创建Object实例

<script type="text/javascript">
 varbox = new Object(); //new方式 
 box.name= 'Mr.Koo'; //创建属性字段 
 box.age= 26; //创建属性字段
</script>

2．使用字面量创建Object实例

<script type="text/javascript">
 varbox = {}; //字面量方式声明空的对象 
 box.name= 'Mr.Koo'; //点符号给属性复制 
 box.age= 26;
</script>

3.object两种属性输出方式实例

<script type="text/javascript">
 varbox = {}; //字面量方式声明空的对象 
 box.name= 'Mr.Koo'; //点符号给属性复制 
 box.age= 26;
 alert(box.name); //点表示法输出 
 alert(box['age']); //中括号表示法输出，注意引号
</script>

4.给对象创建方法实例

<script type="text/javascript">
var box = { 
 run: function () { //对象中的方法 
 return'加入恒企教育，实现你的梦想！'; 
 } 
} 
alert(box.run()); //调用对象中的方法
</script>

Array类型是什么

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

1．使用new运算符创建数组实例

<script type="text/javascript">
var box = new Array(); //创建了一个数组 
var box = new Array(10); //创建一个包含10个元素的数组 
var box = new Array('Mr.Koo',26,'teacher','广州'); //创建一个数组并分配好了元素
//以上三种方法，都可以省略new关键字。
</script>

2．使用字面量方式创建数组实例

<script type="text/javascript">
 var box = []; //创建一个空的数组 
 var box = ['Mr.Koo',26,'teacher','广州']; //创建包含元素的数组 
 var box = [1,2,]; //禁止这么做，IE会识别3个元素 
 var box = [,,,,,]; //同样，IE的会有识别问题
</script>

3.使用索引下标来读取数组的值实例

<script type="text/javascript">
 varbox = ['Mr.Koo',26,'teacher','广州']; //创建包含元素的数组 
 alert(box[2]); //获取第三个元素 
 box[2] = 'student'; //修改第三个元素 
 box[4] = '计算机编程'; //增加第五个元素
 alert(box);
</script>

4.使用length属性获取数组元素量实例

<script type="text/javascript">
 varbox = ['Mr.Koo',26,'teacher','广州']; //创建包含元素的数组
 alert(box.length) //获取元素个数 
 box.length= 10; //强制元素个数 
 box[box.length]= 'JS技术'; //通过length给数组增加一个元素
 alert(box);
</script>

对象中的方法

对象中常用的方法

ECMAScript为操作已经包含在数组中的元素提供了很多方法。这里主要讲一些常用的方法，push、concat、pop、splice、reverse、join。

push方法

该方法会把一个元素或一组元素（数组）添加到当前数组的末尾。

实例1

<script type="text/javascript">
var arr1 = [1, 2, 3];
arr1.push([4, 5]);
//arr1的结果是[1, 2, 3, 4, 5]
</script>

concat方法

该方法会把两个数组或元素组合在一起，但是不会改变调用者的结构。

实例2

<script type="text/javascript">
var arr1 = [1, 2, 3];
var arr2 = [4, 5];
var arr3 = arr1.concat(arr2);
//arr1的值：[1, 2, 3];
//arr3的值：[1, 2, 3, 4, 5]
</script>

pop方法

该方法作用是删除数组中最后一个元素，并返回删除的元素。

实例3

<script type="text/javascript">
var arr1 = [1, 2, 3];
var val = arr1.pop();
//val的值：3
//arr1的值：[1, 2]
</script>

splice方法

该方法能删除指定的元素，或者插入指定的元素，函数原型splice(index,howmany,element1,.....,elementX)，index表示要删除的开始下标, howmany表示要删除的元素个数,element（可选）从index开始，要插入的元素,该方法的返回值是被删除掉的那部分数组；

实例4

<script type="text/javascript">
var arr1 = [1, 2, 3, 4, 5];
var arr2 = arr1.splice(0, 2);
alert(arr1);
alert(arr2);
//arr1的值：[3, 4, 5]
//arr2的值：[1, 2]
</script>

reverse方法

该方法颠倒数组中元素的顺序。

实例5

<script type="text/javascript">
var arr1 = [1, 2, 3, 4, 5];
arr1.reverse();
//arr1的值：[5,4,3,2,1]
</script>

join方法

返回一个字符串，字符串的内容是数组的所有元素，元素之间通过指定的分隔符进行分隔。

实例6

<script type="text/javascript">
var arr1 = [1, 2, 3];
var str = arr1.join("--");
alert(str);
//str的值：1--2--3
</script>

总结

通过本片文章你可以学到以下知识点：

1.object类型；

2.Array类型；

3.对象中的方法；

IT技术研习社，专注互联网技术研究与分享，喜欢的朋友可以点击【关注】；把经验传递给有梦想的人；