今天和大家學習一下JavaScript的數組對象Array的用法。
一、創建Array數組對象的三種方式
1、var arr = new Array(元素列表);
2、var arr = new Array(默認長度);
3、var arr = [元素列表];
二、JavaScript數組的特點
1、js中Array數組的元素類型是可變的
例如:var arr = [1,'2',false];
2、在js中,數組的長度是可變的
舉例說明一下:var arr = [1,'2',false];我們來訪問arr數組下標為3的元素
雖然arr數組只有三個元素,但是也可以直接給arr[10]賦值
我們發現中間每一賦值的都是空的,所以JavaScript的數組長度是可變的。
三、JavaScript數組屬性
length:表示數組的長度
比如:var arr = [1,2,3,4]; 那麼他的長度:arr.length 為 4
四、Array數組的方法
1、join(參數):表示將數組中的元素按照指定的分隔符拼接為字符串
小慄子:
var arr = [1,2,3,4,5];
arr.join("#") 輸出內容為:"1#2#3#4#5"
2、push()方法:表示向數組的末尾添加一個或更多元素,並返回新的長度。
3、pop():移除數組最後一項,返回移除的那個值,減少數組的length。
var arr = ["kat","martin","Tom"];
var count = arr.push("Jack","Sean");
console.log(count); // 5
console.log(arr); // ["kat", "martin", "Tom", "Jack", "Sean"]
var item = arr.pop();
console.log(item); // Sean
console.log(arr); // ["kat", "martin", "Tom", "Jack"]
4、sort():表示將數組裡的項從小到大排序
var arr1 = ["a", "d", "c", "b", "e"];
console.log(arr1.sort()); // ["a", "b", "c", "d", "e"]
5、concat()方法:
表示將參數添加到原數組中。這個方法會先創建當前數組一個副本,然後將接收到的參數添加到這個副本的末尾,最後返回新構建的數組。在沒有給 concat()方法傳遞參數的情況下,它只是複製當前數組並返回副本。
var arr = [1,3,5,7];
var arrCopy = arr.concat(9,[11,13]);
console.log(arrCopy);
//[1, 3, 5, 7, 9, 11, 13]
console.log(arr);
// [1, 3, 5, 7](原數組仍然保持不變)
6、indexOf()和 lastIndexOf()
indexOf():接收兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中, 從數組的開頭(位置 0)開始向後查找。
lastIndexOf:接收兩個參數:要查找的項和(可選的)表示查找起點位置的索引。其中, 從數組的末尾開始向前查找。
var a= [1,3,5,7,7,5,3,1];
console.log(a.indexOf(5)); //2
console.log(a.lastIndexOf(5)); //5
console.log(a.indexOf(5,2)); //2
console.log(a.lastIndexOf(5,4)); //2
console.log(a.indexOf("5")); //-1
好了,今天就和大家分享到這裡吧