javascript中的数组对象

Posted 2020-10-29 renpingsheng

1.创建数组的三种方式:

1.1 var 数组名=[元素1,元素2,元素3...];

例如:

var arr1=[1,2,3,4];

1.2 var 数组名=new Array(元素1,元素2,元素3...)

例如:
var arr2=new Array(5,6,7,8);

1.3 通过下标的方式为数组赋值，下标从0开始

var 数组名=new Array(数组长度);
var 数组名[0]="数组第一个元素的值";
var 数组名[1]="数组第二个元素的值";
var 数组名[2]="数组第三个元素的值";

2.数组对象的属性

arr.join(sep)

把数组中的所有元素使用sep拼接成一个字符串,如果没指定分割符,则使用逗号做为分割符

例子1:

var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr.join());

返回:

hello,python,javascript

例子2:

var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr.join("."));

返回:

hello.python.javascript

arr.concat(array1,array2...)

array1可以是一个值,也可以是一个数组对象,该方法返回自身和参数连接在一起的新的数组

例子1:

var a = [1,2,3];
document.write(a.concat(4,5));

返回:

1,2,3,4,5

例子2:

var arr = new Array(2);
arr[0] = "hello";
arr[1] = "python";

var arr2 = new Array(2);
arr2[0] = "hello";
arr2[1] = "javascript";

document.write(arr.concat(arr2));

返回:

hello,python,hello,javascript

arr.reverse()

把数组arr进行倒序处理,原来的数组会被改变

例子:

var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";

document.write(arr + "<br />");
document.write(arr.reverse());

返回:

hello,python,javascript
javascript,python,hello

arr.sort()

对数组的元素进行排序,原来的数组会被改变

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.sort());

返回:

11,22,33,44,55,66,77

arr.slice(start,end)

返回一个由数组arr从start(包括start)到end(不包括end)的元素组成的新数组
end不指定时,则返回从start到结尾的所有元素组成的数组

例子1:

var arr = [11,33,55,77,66,44,22];
document.write(arr.slice(2,6));

返回:

55,77,66,44

例子2:

var arr = [11,33,55,77,66,44,22];
document.write(arr.slice(2));

返回:

55,77,66,44,22

arr.splice(start,deleteCount,value1,value2)

从数组arr的start索引处开始删除长度为deleteCount的元素,并向数组被删除的元素的位置添加value1,value2,然后返回被删除的元素,原来的数组会被改变

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.splice(2,3,88,99)+"<br>");
document.write(arr);

返回:

55,77,66
11,33,88,99,44,22

arr.push(value1,value2,value3)

向数组的末尾添加一个或多个元素,并返回新数组的长度

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.push(88,99)+"<br>");//返回数组的长度
document.write(arr);    //返回新的数组

返回:

9
11,33,55,77,66,44,22,88,99

arr.pop()

删除并返回数组的最后一个元素

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.pop()+"<br>");//删除并返回数组arr的最后一个元素
document.write(arr);    //打印数组

返回:

22
11,33,55,77,66,44

arr.unshift(value1,value2,value3)

向数组的开头添加一个或多个元素,并返回新数组的长度

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.unshift("aa","bb","cc")+"<br>");
document.write(arr);

返回:

10
aa,bb,cc,11,33,55,77,66,44,22

arr.shift()

删除并返回数组的第一个元素

例子:

var arr = [11,33,55,77,66,44,22];
document.write(arr.shift()+"<br>");
document.write(arr);

返回:

11
33,55,77,66,44,22

3.数组的遍历

使用for循环可以遍历整个数组

定义数组arr1

var arr1 = [12,23,34,"python","js"];

可以使用for循环的两种方式遍历arr1数组：

方式1：

for (i in arr1){
    console.log(arr1[i]);
}

方式2：

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

4.数组中元素的个数，length属性

console.log(arr1.length);