配列で一般的に使用されるメソッドは次のとおりです: 1. 新しいコンテンツを配列の最後に追加するプッシュ メソッド; 2. 配列の最後の項目を削除するポップ メソッド; 3. 削除するシフト メソッド配列の最初の項目; 4. unshift メソッドなどを使用して、配列の最初の部分に新しいコンテンツを追加します。
[推奨コース: JavaScript チュートリアル ]
一般的に使用される配列メソッド:
1.push()
配列の最後に新しいコンテンツを追加します
パラメータ: 追加する項目。複数の数値をカンマで区切って渡します。任意のデータ型を使用できます。
戻り値: 新しい配列の長さ。
元の配列を変更するかどうか: Change
let ary1 = [12,34,26]; ary1.push(100); //返回一个新的长度 length=4console.log(ary1)//结果为 [12,34,26,100]
2.pop()
配列の最後の項目を削除します
パラメータ: なし
戻り値: 削除された項目かどうか
変更されました 元の配列:change
let ary2 = [108,112,39,10]; ary2.pop();//删除的最后一项为10 console.log(ary2);//[108, 112, 39]
3,shift()
配列の最初の項目を削除します
パラメータ:なし
戻り値: delete item
元の配列を変更するかどうか:change
let ary3 = [0,108,112,39]; ary3.shift();//删除的第一项为0 console.log(ary3);//[108, 112, 39]
4. unshift()
新しいコンテンツを追加配列の最初の部分に
パラメータ: 追加する項目、','で区切られた複数の項目
戻り値: 新しい配列の長さ
元の配列:change
let ary4 = ['c','d']; ary4.unshift('a','b'); console.log(ary4);//["a", "b", "c", "d"]
5.slice()
条件に従ってコンテンツの一部を検索
パラメータ:
array.slice(n, m), from インデックス n から m まで検索 (m は除く)
array.slice(n) 第 2 引数を省略した場合は最後まで検索
array.slice(0) と内容をそのまま出力します。配列のクローン作成が実現できます。
array.slice(-n,-m) スライスは負のパラメータをサポートします。最後の項目から数えて、-1 が最後です。 item、-2 は最後から 2 番目の item
戻り値: 新しい配列を返します
元の配列を変更するかどうか: 変更しません
let ary5 = [1,2,3,4,5,6,7,8,9]; //console.log(ary5.slice(2,8));//从索引2开始查找到索引为8的内容,结果为[3, 4, 5, 6, 7, 8] //console.log(ary5.slice(0)); console.log(ary5.slice(-2,-1));//[8]
6, splice()
配列に追加、削除、変更
Add: ary.splice(n,0,m) インデックス n から始まる 0 個の項目を削除し、m またはインデックス n の前にさらにコンテンツを追加します
空の配列を返します
変更: ary.splice(n,x,m) はインデックス n から始まる x 個の項目を削除し、m は削除された部分を置き換えます
元のコンテンツを削除して、新しいコンテンツに置き換えます
削除: ary.splice(n,m) インデックス n から始まる m 個のコンテンツを削除します
(2 番目のパラメーターの場合は省略され、n から最後まで削除)
削除された新しい配列を返します。元の配列は変更されます。
//增加 let ary6_z = [33,44,55,66,77,88]; ary6_z.splice(2,0,'a','b') console.log(ary6_z);// [33, 44, "a", "b", 55, 66, 77, 88] //修改 let ary6_x = [33,44,55,66,77,88]; ary6_x.splice(1,2,'x','y') console.log(ary6_x);// [33, "x", "y", 66, 77, 88] //删除 let ary6_s = [33,44,55,66,77,88]; //console.log(ary6.splice(3,2))//[66, 77] console.log(ary6_s.splice(3));//[66, 77, 88]
7, join()
指定された区切り文字を使用して、配列の各項目を文字列に結合します。
パラメータ: 指定された区切り文字 (このパラメータを省略した場合、区切り文字としてカンマが使用されます)
戻り値: 結合されたstring
元の配列が変更されるかどうか: 変更しないでください
let ary7 = [1,2,3]; console.log(ary7.join('、'));//1、2、3
8, concat()
2 つ以上の配列を接続するために使用されます
パラメータ: パラメータには特定の値を指定できます。また、配列オブジェクトにすることもできます。任意の数の
戻り値: 接続後に新しい配列を返す
元の配列を変更するかどうか: 変更なし
let ary8 = ['你']; let ary80 = ary8.concat('好'); console.log(ary80);//["你", "好"]
9,indexOf( )
配列内で現在の値が最初に出現するインデックスを検出します
パラメータ: array.indexOf(item,start) item: 検索される要素 start:文字列内の検索を開始する位置
戻り値: 初めて見つかったインデックス、見つからない場合は -1を返します
元の配列を変更するかどうか: 変更なし
let ary9 = ['a','b','c','d','e','a','f']; console.log(ary9.indexOf('c'));//2 console.log(ary9.indexOf('a',3))//5
10, lastIndexOf()
配列内で現在値が最後に出現する位置インデックスを検出します。
パラメータ: array.lastIndexOf(item, start) item: 検索する要素 start: 文字列内の検索の開始位置
#戻り値: 初めて見つかったインデックス、見つからない場合は、-1## を返します。 #元の配列を変更するかどうか: 変更なし
let ary10 = ['a','b','c','d','e','a','f']; console.log(ary10.lastIndexOf('c'));//2 console.log(ary10.lastIndexOf('f',1))//-1
配列に指定した値が含まれているかどうかを判定
パラメータ:指定内容
戻り値:ブール値
元の値を変更するかどうか配列:変更しない
let ary13 = ['a','b','c','d']; console.log(ary13.includes('c'));//true console.log(ary13.includes(2));//false
配列の要素を並べ替えます (デフォルトは文字列に基づいて小さいものから大きいものへ並べ替えます) )
パラメータ: オプション (関数) 並べ替えルールを指定します。デフォルトの並べ替え順序は昇順です。アルファベット順
##戻り値: ソート後の新しい配列##元の配列を変更するかどうか: 変更
sort はパラメーターを渡さないと 10 (1 桁) 以内の数値のみを処理できます
let ary11 = [32,44,23,54,90,12,9]; ary11.sort(function(a,b){ // return a-b; // 结果[9, 12, 23, 32, 44, 54, 90] // return b-a; // 结果[90, 54, 44, 32, 23, 12, 9] }) console.log(ary11);
配列を上下逆に配列します。パラメータ: なし
戻り値: 反転後の新しい配列order
元の配列を変更するかどうか: Change
let ary12 = [6,8,10,12]; console.log(ary12.reverse());//[12, 10, 8, 6]
配列の各項目をループしますパラメータ: function ary.forEach(function(item,index,ary){}) item: 各項目 Index: インデックス ary: 現在の配列
戻り値: なし
変更するかどうか元の配列:変更なし
continueとbreakはforEachでは使用できず、forEachでジャンプすることはできず、スキップ(リターンスキップ)のみです
let ary14 = ['a','b','c','d']; let item = ary14.forEach(function(item,index,ary){ console.log(item,index,ary); })
以上が配列に一般的に使用されるメソッドは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。