亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript中數組的知識點有哪些

發布時間:2022-06-30 13:35:40 來源:億速云 閱讀:144 作者:iii 欄目:web開發

這篇文章主要講解了“JavaScript中數組的知識點有哪些”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JavaScript中數組的知識點有哪些”吧!

JavaScript中數組的知識點有哪些

數組的概念

  • 數組也是一個對象,它和我們普通對象功能類似,也是用來存儲一些值的

  • 不同的是普通對象是使用字符串作為屬性名,而數組時使用數字來作為索引操作元素

  • 索引:從0開始的整數就是索引.

  • 數組的存儲性能比普通對象要好,在開發中我們經常使用數組來存儲一些數據。

創建數組對象

語法1:var 數組名 = new Array();
當在括號內傳入一個數字類型的值時,表示數組的長度,當傳入大于1個的值時,表示向數組中添加元素。

語法2:var 數組名 =[];
當在方括號內傳入值時,即為數組添加元素。

使用typeof檢查數組對象時返回Object

向數組中添加元素

1.直接添加

語法:數組名 = [元素1,元素2...];

2.按照索引添加(將元素添加到哪個位置)

語法:數組名[索引] = '元素';

這里值得注意的是,如果按照索引添加元素,數組的長度是按照的添加的最大索引來計算的。

讀取數組中的元素

讀取數組元素是一個返回值,需要變量去接收或者直接輸出。
1.直接讀取,即讀取整個數組內的元素。

語法:console.log(數組名);

2.讀取數組中的某個元素。

語法:console.log(數組名[索引]);

3.當讀取一個不存在的元素時,返回undefined。

數組中的常用屬性和方法

1.length屬性

length屬性可以設置/返回數組長度。

  • 設置數組長度:數組名.length = 長度;
    當設置的數組長度>原數組長度時,將空出多余的空間。
    當設置的數組長度<原數組長度時,將刪除多余的數組元素。

  • 返回數組長度:數組名.length;

JavaScript中數組的知識點有哪些

補充小技巧:可以利用length屬性向數組的最后一個位置添加元素
JavaScript中數組的知識點有哪些

2.cancat方法

concat() 方法用于連接兩個或多個數組。

語法:數組1.concat(數組2,數組3...);

JavaScript中數組的知識點有哪些

3.join方法

join() 方法用于把數組中的所有元素轉換一個字符串。

語法:數組名.join(分隔符,不寫則默認為逗號分隔);

JavaScript中數組的知識點有哪些

4.pop方法

pop() 方法用于刪除數組的最后一個元素返回刪除的元素

語法:數組名.pop();

JavaScript中數組的知識點有哪些

5.push方法

push() 方法可向數組的末尾添加一個或多個元素,并返回新的長度

語法:數組名.push(元素1,元素2...);

JavaScript中數組的知識點有哪些

6.shift方法

shift() 方法用于把數組的第一個元素從其中刪除,并返回第一個元素的值。

語法:數組名.shift();

JavaScript中數組的知識點有哪些

7.unshift方法

unshift() 方法可向數組的開頭添加一個或更多元素,并返回新的長度

語法:數組名.unshift(元素1,元素2...);

JavaScript中數組的知識點有哪些

8.slice方法

slice() 方法可從已有的數組中返回選定的元素。可提取字符串的某個部分,并以新的字符串返回被提取的部分。注意: slice() 方法不會改變原始數組。

語法:數組名.slice(start,end);區間為左閉右開
如果為負數則從數組的倒數第幾個數取。

JavaScript中數組的知識點有哪些

9.splice方法

splice() 方法用于添加刪除數組中的元素。

語法:數組名.splice(從哪個位置開始(必填),要刪除的元素個數(可選),要添加的元素(可選))

JavaScript中數組的知識點有哪些
JavaScript中數組的知識點有哪些

10.reverse方法

reverse() 方法用于顛倒數組中元素的順序

語法:數組名.reverse();

JavaScript中數組的知識點有哪些

11.sort方法

sort() 方法用于對數組的元素進行排序。排序順序可以是字母或數字,并按升序或降序。默認排序順序為按字母升序。

語法:數組名.sort();

1.按字母排序(升序/降序)

JavaScript中數組的知識點有哪些

2.按數字排序(從大到小/從小到大)需定義一個函數。
JavaScript中數組的知識點有哪些

數組的遍歷

使用for循環可進行對數組的遍歷。

語法:for(var 變量=0; 變量<數組名.length;變量++){console.log(數組名[變量])}

JavaScript中數組的知識點有哪些

數組遍歷小練習

向數組中添加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中數組的知識點有哪些”的內容了,經過本文的學習后,相信大家對JavaScript中數組的知識點有哪些這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

瓦房店市| 汶上县| 玉田县| 镇原县| 沽源县| 稷山县| 泊头市| 岳阳市| 巩留县| 毕节市| 阜阳市| 峨眉山市| 霍山县| 宁夏| 扬中市| 平果县| 红河县| 科技| 新昌县| 望谟县| 瑞丽市| 辛集市| 桑植县| 济宁市| 天水市| 凤山市| 巴里| 方山县| 乌恰县| 怀柔区| 荔波县| 都昌县| 青浦区| 同心县| 安福县| 旬邑县| 蒙城县| 沂源县| 通州区| 广丰县| 宾阳县|