js 特殊对象 - 数组

1.概述


数组也是对象的一种,数组是一种用于表达有顺序关系的值的集合的语言结构,也就是同类数据元素的有序集合。

数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。但是在JavaScript中是支持数组可以是不同的元素,这跟JavaScript的弱类型有关,此处不用纠结,我们大多数时候都是相同类型元素的集合。数组内的各个值被称作元素,每一个元素都可以通过索引(下标)来快速读取,索引是从零开始的整数。

使用typeof检查一个数组对象时,会返回object。
 

2、创建数组

数组中可以存放对象,还可以存放函数,还可以再存放数组,变成二阶数组

2.1、使用对象创建


同类型有序数组创建:

var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
arr[4] = 5;
arr[5] = 6;
arr[6] = 7;
arr[7] = 8;
arr[8] = 9;


不同类型有序数组创建:

var arr = new Array();
arr[0] = 1;
arr[1] = "2";
arr[2] = 3;
arr[3] = "4";
arr[4] = 5;
arr[5] = "6";
arr[6] = 7;
arr[7] = "8";
arr[8] = 9;

2.2 使用字面量创建

同类型有序数组创建:

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

不同类型有序数组创建:

var arr = [1, "2", 3, "4", 5, "6", 7, "8", 9];

 

3、遍历数组

for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

 

4、数组特有属性


4.1 constructor属性演示:返回创建数组对象的原型函数

var arr = [1,2,3,4];
console.log(arr.constructor);


4.2 length属性演示:设置或返回数组元素的个数

var arr = [1,2,3,4];
console.log(arr.length);


 

5.数组特殊方法


5.1 push()方法演示:该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度

(不说返回值默认空)

var arr = ["孙悟空", "猪八戒", "沙和尚"];
var result = arr.push("唐僧", "蜘蛛精", "白骨精", "玉兔精");
console.log(arr);
console.log(result);

js 特殊对象 - 数组_第1张图片

 

5.2 pop()方法演示:该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

var arr = ["孙悟空", "猪八戒", "沙和尚"];
var result = arr.pop();
console.log(arr);
console.log(result);

js 特殊对象 - 数组_第2张图片

 

5.3 unshift()方法演示:该方法向数组开头添加一个或多个元素,并返回新的数组长度

var arr = ["孙悟空", "猪八戒", "沙和尚"];
var result = arr.unshift("牛魔王", "二郎神");
console.log(arr);
console.log(result);


5.4 shift()方法演示:该方法可以删除数组的第一个元素,并将被删除的元素作为返回值返回

var arr = ["孙悟空", "猪八戒", "沙和尚"];
var result = arr.shift();
console.log(arr);
console.log(result);


 

你可能感兴趣的:(前端开发,javascript,前端,开发语言)