
語法1:
var 数组名= new Array();
當括號內傳入一個數字類型的值時,表示數組的長度,當傳入大於1個的值時,表示會在數組中加入元素。
語法2:
var 数组名=[];
當在方括號內傳入值時,即為陣列新增元素。
使用typeof檢查數組物件時傳回Object 。
1.直接加入
語法:
数组名= [元素1,元素2...];
依索引新增(將元素新增至哪個位置)
語法:
数组名[索引] = '元素';
這裡值得注意的是,如果按照索引添加元素,數組的長度是按照的添加的最大索引來計算的。
讀取數組元素是一個回傳值,需要變數去接收或直接輸出。
1.直接讀取,即讀取整個陣列內的元素。
語法:
console.log(数组名);
2.讀取數組中的某個元素。
語法:
console.log(数组名[索引]);
3.當讀取一個不存在的元素時,傳回undefined。
length屬性可以設定/傳回數組長度。
数组名.length = 长度;数组名.length;
補充小技巧:可以利用length屬性為陣列的最後一個位置加入元素。
concat()方法用於連接兩個或多個陣列。
語法:
数组1.concat(数组2,数组3...);

join()方法用來把陣列中的所有元素轉換一個字串。
語法:
数组名.join(分隔符,不写则默认为逗号分隔);

pop()方法用於刪除陣列的最後一個元素並傳回刪除的元素。
語法:
数组名.pop();

push()方法可在陣列的末端新增一個或多個元素,並傳回新的長度。
語法:
数组名.push(元素1,元素2...);

shift()方法用來把陣列的第一個元素從其中刪除,並傳回第一個元素的值。
語法:
数组名.shift();

unshift()方法可在陣列的開頭新增一個或更多元素,並傳回新的長度。
語法:
数组名.unshift(元素1,元素2...);

slice()方法可從現有的陣列中傳回選定的元素。可提取字串的某個部分,並以新的字串傳回被提取的部分。注意: slice() 方法不會改變原始陣列。
語法:
数组名.slice(start,end);區間為左閉右開如果為負數則從陣列的倒數第幾個數取。

splice()方法用於新增或刪除陣列中的元素。
語法:
数组名.splice(从哪个位置开始(必填),要删除的元素个数(可选),要添加的元素(可选))


reverse()方法用於顛倒數組中元素的順序。
語法:
数组名.reverse();

sort()方法用於對陣列的元素進行排序。排序順序可以是字母或數字,並按升序或降序。預設排序順序為按字母升序。
語法:
数组名.sort();
1.按字母排序(升序/降序)

2.依數字排序(從大到小/從小到大)需定義一個函數。
使用for迴圈可進行對數組的遍歷。
語法:
for(var 变量=0; 变量<数组名.length;变量++){console.log(数组名[变量])}

在陣列中新增6個對象,將成年的人員名單加入一個新的陣列中! !
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function Person(name, age){
this.name = name;
this.age = age;
}
var per1 =new Person('蘇涼',21);
var per2 =new Person('小紅',15);
var per3 =new Person('小月',17);
var per4 =new Person('小麗',19);
var per5 =new Person('小水',20);
var per6 =new Person('小花',5);
var per_list= [per1,per2,per3,per4,per5,per6];
function arrAdult(){
var newArr=[];
for(var i = 0;i<per_list.length;i++){
var x = per_list[i];
if(x.age<18){
console.log(x.name + '未通過');
}else if(x.age>=18){
console.log(x.name + '恭喜你,通過了!');
newArr.push(x.name)
}
}
return newArr;
}
var list = arrAdult();
console.log('通過名單:'+ list)
</script></head><body>
</body></html>運行結果:
以上就是JavaScript中的陣列知識點總結的詳細內容,更多請關注php中文網其它相關文章!