ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript における配列の知識ポイントのまとめ

JavaScript における配列の知識ポイントのまとめ

WBOY
WBOY転載
2022-06-30 12:30:182334ブラウズ

この記事では、javascript に関する関連知識を提供します。主に、ページ タグの選択、ページ タグ属性の操作など、DOM API 知識のクロストークに関連する関連問題を整理しています。合わせて、皆さんのお役に立てれば幸いです。

JavaScript における配列の知識ポイントのまとめ

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

配列の概念

  • 配列もオブジェクトです。通常のオブジェクトと同様に機能し、値を格納するためにも使用されます。
  • 違いは、通常のオブジェクトであることです。文字列を属性名として使用し、配列を使用する場合は 数値をインデックスとして使用します 要素を操作します
  • インデックス: 0 から始まる整数がインデックスです。配列は通常のオブジェクトよりも優れており、開発中、データを保存するために配列を使用することがよくあります。
配列オブジェクトの作成

構文 1:
var array name = new Array();

の場合括弧内に数値を渡すと配列の長さを示し、1 より大きい値を渡すと配列に要素を追加することを示します。

構文 2:
var array name =[];

値が角括弧内に渡されると、要素が配列に追加されます。

typeof

を使用して配列オブジェクトをチェックする場合、Object を返します。 配列に要素を追加します

1. 直接追加します

構文:
配列名 = [要素 1, 要素 2...];

2. インデックスに従って追加 (要素を追加する場所)

構文:
配列名 [インデックス] = '要素';

ここで、要素がインデックスに従って追加される場合、配列の長さは追加される最大インデックスに従って計算されることに注意してください。

配列内の要素の読み取り

配列要素の読み取りは戻り値であり、変数を直接受信または出力する必要があります。

1. 直接読み取ります。つまり、配列全体の要素を読み取ります。


構文:
console.log(配列名);

2. 配列内の要素を読み取ります。

構文:
console.log(配列名[インデックス]);

3. 存在しない要素を読み込んだ場合は、未定義を返します。 。

配列でよく使用されるプロパティとメソッド

1.length プロパティ

length プロパティは

set できます。 /returned

配列の長さ。

配列の長さを設定します:
    配列名.length = length;
  • 設定された配列の長さが元の配列の長さを超える場合、余分なスペースは空けられます。 設定された配列長が
    戻り配列の長さ:
  • 配列名.length;

JavaScript における配列の知識ポイントのまとめ##追加のヒント: length 属性を使用できます。要素

を配列の

最後の位置に追加します。
JavaScript における配列の知識ポイントのまとめ
2.cancat メソッド

concat()

メソッドは、2 つ以上の配列を接続するために使用されます。

構文:

array1.concat(array2,array3...);

JavaScript における配列の知識ポイントのまとめ 3.join メソッド

join()

メソッドは、配列内のすべての要素を文字列に変換するために使用されます。

構文:

配列名.join (区切り文字、書かれていない場合、デフォルトはカンマ区切り);

JavaScript における配列の知識ポイントのまとめ4.pop メソッド

pop()

メソッドは、配列の

最後の要素 を削除し、return するために使用されます。削除された要素 構文:

配列名.pop();

##5.pushメソッドJavaScript における配列の知識ポイントのまとめ

push() メソッドは、1 つ以上の要素

を配列

の末尾に追加し、 は新しい長さ を返します。 構文: 配列名.push(要素 1, 要素 2...);

6.shift メソッド

shift() メソッドは、配列の最初の要素を削除し、最初の要素の値を返すために使用されます。

# 構文:

配列名.shift();

JavaScript における配列の知識ポイントのまとめ

7.unshift メソッド

unshift() メソッドは、1 つ以上の要素 を配列の先頭 に追加し、 は新しい長さ を返します。

# 構文:

配列名.unshift(要素 1, 要素 2...);

JavaScript における配列の知識ポイントのまとめ

#8.slice メソッド

slice()

メソッドは、既存の配列から選択された要素を返します。文字列の一部を抽出し、抽出した部分を新しい文字列として返します。 注意:slice() メソッドは元の配列を変更しません。

構文:
配列名.slice(start,end);

間隔は左側が閉じ、右側が開きます 負の場合number、配列 Count の下からの数。

JavaScript における配列の知識ポイントのまとめ##9.splice メソッド

splice()

メソッドは

add に使用されます。 または 配列内の要素を削除します。 構文:

配列名.splice (どの位置から(必須)、削除する要素の数(オプション)、追加する要素(オプション))

JavaScript における配列の知識ポイントのまとめ10.reverse メソッド
JavaScript における配列の知識ポイントのまとめ

reverse()

メソッドは、

## を反転するために使用されます。

配列内の要素の # 順序 構文: 配列名.reverse();

##11.sortメソッド

JavaScript における配列の知識ポイントのまとめ

sort()

メソッドは、配列の要素をソートするために使用されます。並べ替え順序は、アルファベット順または数値順、および昇順または降順にすることができます。デフォルトの並べ替え順序はアルファベット昇順です。

構文:

Array name.sort();

1. アルファベット順 (昇順/降順) に並べ替えます

#2. 数値による並べ替え (大きいものから小さいものへ/小さいものから大きいものへ) には関数を定義する必要があります。

JavaScript における配列の知識ポイントのまとめ配列の走査


for ループを使用して配列を走査します。 JavaScript における配列の知識ポイントのまとめ

構文: for(var 変数=0; 変数

#配列トラバーサルの簡単な演習

配列に 6 つのオブジェクトを追加し、成人の人のリストを新しいリストに追加します。配列! ! JavaScript における配列の知識ポイントのまとめ

nbsp;html>
    <meta>
    <meta>
    <meta>
    <title>Document</title>
    <script>
        function Person(name, age){
            this.name = name;
            this.age = age;
        }
        var per1 =new Person(&#39;苏凉&#39;,21);
        var per2 =new Person(&#39;小红&#39;,15);
        var per3 =new Person(&#39;小月&#39;,17);
        var per4 =new Person(&#39;小丽&#39;,19);
        var per5 =new Person(&#39;小水&#39;,20);
        var per6 =new Person(&#39;小花&#39;,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 + &#39;未通过&#39;);
                }else if(x.age>=18){
                    console.log(x.name + &#39;恭喜你,通过了!&#39;);
                    newArr.push(x.name)
                }
            }
            return newArr;
        }

        var list = arrAdult();
        console.log(&#39;通过名单:&#39;+ list)
    </script>
    

実行結果:

[関連する推奨事項:

javascript ビデオ チュートリアル


JavaScript における配列の知識ポイントのまとめ

ウェブ フロント エンド

#]

以上がJavaScript における配列の知識ポイントのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。