您好,登錄后才能下訂單哦!
這篇文章主要講解了“JavaScript中數組的知識點有哪些”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JavaScript中數組的知識點有哪些”吧!
數組也是一個對象,它和我們普通對象功能類似,也是用來存儲一些值的
不同的是普通對象是使用字符串作為屬性名,而數組時使用數字來作為索引操作元素
索引:從0開始的整數就是索引.
數組的存儲性能比普通對象要好,在開發中我們經常使用數組來存儲一些數據。
語法1:
var 數組名 = new Array();
當在括號內傳入一個數字類型的值時,表示數組的長度,當傳入大于1個的值時,表示向數組中添加元素。
語法2:
var 數組名 =[];
當在方括號內傳入值時,即為數組添加元素。
使用typeof
檢查數組對象時返回Object
。
1.直接添加
語法:
數組名 = [元素1,元素2...];
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中數組的知識點有哪些”的內容了,經過本文的學習后,相信大家對JavaScript中數組的知識點有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。