ホームページ  >  記事  >  ウェブフロントエンド  >  jsの配列関数と注意点

jsの配列関数と注意点

小云云
小云云オリジナル
2018-03-13 16:47:201294ブラウズ

この記事では、js の配列関数と注意事項を主に説明します。まず、js の配列オブジェクトについて説明します。

js

  1. push の配列オブジェクトとは何ですか — 1 つ以上の要素を配列の末尾に追加し、新しい長さを返します。

  2. pop — 配列の最後の要素を削除して返します

  3. shift — 配列の最初の要素を削除して返します

  4. unshift — 1 つ以上の要素を配列の先頭に追加して、新しいワンレングス。

  5. slice - 既存の配列から選択した要素を返します

  6. sort - 配列の要素を並べ替えます

  7. join - 配列のすべての要素を文字列に入れます。要素は指定された区切り文字で区切られます。

  8. concat — 2 つ以上の配列を連結し、結果を返します。

  9. reverse — 配列内の要素の順序を逆にします。

  10. splice — 要素を削除し、配列に新しい要素を追加します。

使用上の注意

  1. pushとunshiftはすべて新しい長さを返します

  2. popとshiftdeleteはすべて削除された値を返します

    var Arr1 = ['11','22','33']
    var a = Arr1.push('44');
    console.log(a);  //4
    console.log(Arr1);//["11", "22", "33", "44"]
    
    var c = Arr1.pop();
    console.log(c); //44
    console.log(Arr1);//["11", "22", "33"]
    
    var d = Arr1.pop();
    console.log(d);//33
    console.log(Arr1);//["11", "22"]
    
    var Arr2 =['a','b','c']
    var b =Arr2.unshift('-a');
    console.log(b); //4 
    console.log(Arr2); // ["-a", "a", "b", "c"]
    
    
    var e = Arr2.shift();
    console.log(e); //-a
    console.log(Arr2); // ["a", "b", "c"]
    
    var f = Arr2.shift();
    console.log(f); //a 
    console.log(Arr2); // ["b", "c"]
  3. sliceとsplice
    sliceは新しい配列を返します元の配列を使用し、ソース オブジェクトには影響しません。
    パラメーター (開始、終了) が開始する場所 (負の数の場合は、最後から数えます) と終了する場所 (負の数の場合は、から数えます)。最後)

    var Arr1 = ['11','22','33']
    var a = Arr1.slice(0);
    console.log(a);
    Arr1[0] = '111';
    console.log(a);
    console.log(Arr1);

    spliceがソースオブジェクトになります Split

    arrayObject.splice(index,howmany,item1,.....,itemX)
    
    index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX   可选。向数组添加的新项目
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5);
    console.log(a); // ["22", "33", "44", "55"]
    console.log(Arr1); //["11"]
    
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5,'66','77','88');
    console.log(a);["22", "33", "44", "55"]
    console.log(Arr1); ["11", "66", "77", "88"]
  4. sort

    arrayObject.sort(sortby)
    sortby  可选。规定排序顺序。必须是函数。
    
    function sortNumber(a,b)
    {
    return -(a - b)
    }
    
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]
  5. 文字列と配列の変換

    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    var a = arr.join('-');
    console.log(a);//10-5-40-25-1000-1
    var b = a.split('-');
    console.log(b);//["10", "5", "40", "25", "1000", "1"]
  6. concat
    は元の配列に影響を与えずに新しい配列を生成します

関連する推奨事項:

最も実用的な JS 配列関数のソート

よく使用される配列関数とは何ですか

JavaScript ネイティブ配列関数の説明

以上がjsの配列関数と注意点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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