ホームページ  >  記事  >  ウェブフロントエンド  >  JSでのArray配列学習のまとめ

JSでのArray配列学習のまとめ

黄舟
黄舟オリジナル
2017-02-10 10:04:21955ブラウズ

初めてブログを書きます。 。 。ちょっと四角い。 。 。

私はフロントエンドの独学初心者です。学習中にまとめた配列操作についてお話します。間違いがあればご指摘ください。彼らは心を開いて。

参照型は、オブジェクト型 (いわゆるオブジェクト)、配列型 (この記事で説明する配列)、関数型などに分類されます。

では、配列は何をするのでしょうか?データを保存するために使用されているようです。

1. 配列を宣言します:

1. コンストラクター var color=new Array(); は、new を省略できます。つまり、配列リテラル var color=[" black" ,"green","pink"];

2. 配列の値を読み取って設定します:

Read: Colors[x]; パラメーター x は 0~colors.length-1;

設定されている場合、 Colors [x]= を直接与えると、前の値が上書きされます

3. length の使用法について簡単に説明します:

colors.length は配列の長さを取得します。配列内の項目の数を指定します。たとえば、配列に 7 つの項目がある場合、colors.length=2 と記述すると、次の 5 つの項目が削除されます。

length 属性を使用して、最後にデータを追加することもできます。配列の色: color[colors.length]= 代入用;

4. 配列の演算:

メソッド配列の末尾にxyzを追加配列の最後の項目を削除削除配列の最初の項目配列の先頭に a,b,c を追加配列を反転します 配列内の各項目の文字列を昇順に並べ替えます配列を連結します配列を1からnまでインターセプトします。1とnはインデックス値です start から開始して a の位置を検索しますindexOf とは逆に、lastIndexOf は末尾から検索例: splice(2,0,"red","green") は、配列のインデックス値 2 に赤と緑を挿入します。
戻り値 Array.push(x,y,z)
新しい配列の長さ Array.pop()
最後の項目を削除 Array.shift()
削除された最初の項目 Array.unshift(a,b,c)
新しい配列の長さ 配列.reverse()
反転後の新しい配列 Array.sort()
再ソートされた配列 Array.concat( a,b,c)
新しく接続された配列を返します Array.slice(1,n)
インターセプトされた配列を返します (1 から開始して n より前の End までここに返します) Array.indexOf(a, start)
a のインデックス値を返します (if)見つからない場合は -1 を返します Array .lastIndexOf(a,atart)
し、見つからない場合は - を返します。 1 splice() メソッドを見てみましょう。なぜ一人で持ち出すのですか?素晴らしいからです。 1. 削除します。 2 つのパラメーターを受け入れます: 削除する最初の項目の位置と削除する項目の数 例: splice(1,2)、配列内の項目 2 と 3 を削除します。 。開始位置、0、および挿入する項目の 3 つのパラメータを受け入れます。
3. 交換。開始位置、削除する項目の数、挿入する項目の 3 つのパラメータを受け入れます。

例: splice(2,1,"red","green")、インデックス値 2 の項目を削除し、赤と緑を追加します。

rreee

5つ目。配列内の反復メソッド

1.every() および some():

(val181f0d8c0f18b4c7f4121119843be84c9 10

2.filter():

このメソッドは、結果が true である項目で構成される配列を返します。

3 .map():

 numbers=[0,1,2,3,4 result=numbers.every( (item>2 numbers=[0,1,2,3,4 result=numbers.some( (item>2
配列がパラメータを実行した後、新しい配列を返します。

6つ。マージ。

Array.reduce()

var result=numbers.map(function(item,index,array){
return item*2;
})

前の例では、reduce() は 4 つのパラメーターを受け入れ、最初のパラメーターは配列の最初の項目であり、2 番目のパラメーターは配列の 2 番目の項目です。 . 項目;


関数が初めて実行されるとき、prev は 1、cur は 2 です。2 回目に実行されるとき、prev は 3 (1+2 の結果)、cur は 3 です。

Array.reduceRight()。 「減らす」と似ています。配列の右側から始めてください。

上記は Js での Array 配列の学習の概要です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。