JS配列メソッドを使用する手順の詳細な説明

今回はJS配列メソッドを使用する手順について詳しく説明します。JS配列メソッドを使用する際の注意点は何ですか?実際のケースを見てみましょう。

1.join

関数: 文字を指定して、配列を文字列に結合します。
構文: string arr.join([separator = ',']);
パラメータ: 区切り文字はオプションで、省略した場合は、 デフォルトでカンマになります。 seprator が空の文字列 の場合、配列内のすべての要素が 直接連結されます。
戻り値: 連結された文字列。

<script>
        var arr=[2,3,4,5];
        console.log(arr.join());//"2,3,4,5"
        console.log(arr.join(""));//"2345"
        console.log(arr.join("+"));//"2+3+4+5"
        console.log(arr);//[2,3,4,5]
</script>

2.push

関数: 配列の end に 1 つ以上の要素を追加します。
構文: number arr.push(element1, ..., elementN);
パラメータ: elementN、1 つ以上の要素。
戻り値: 新しい配列の長さ。
注: は元の配列を変更します。

 <script>
        var att=[1,2,3,4];
        console.log(att.push("a","b"));//6
        console.log(att);//[1,2,3,4,"a","b"];
 </script>

3.unshift

関数: 配列の head に 1 つ以上の要素を追加します。
構文: number arr.push(element1, ..., elementN);
パラメータ: elementN、1 つ以上の要素。
戻り値: 新しい配列の長さ。
注: は元の配列を変更します。

 <script>
        var att=[1,2,3,4];
        console.log(att.unshift("a","b"));//6
        console.log(att);//["a","b",1,2,3,4];
 </script>

4.pop

機能: 配列最後の 1つの 要素を削除します。 構文:
mixed arr.pop();戻り値:
削除された要素。 注:
は元の配列を変更します。

<script>
    var arr=[1,2,3,4];
    console.log(arr.pop());//4
    console.log(arr);//[1,2,3]
</script>

5.shift

関数:

配列内の最初の要素を削除します。 構文:
mixed arr.pop();戻り値:
削除された要素。 注:
は元の配列を変更します。

<script>
    var arr=[1,2,3,4];
    console.log(arr.shift());//1
    console.log(arr);//[2,3,4]
</script>

6.concat

関数:

受け取った配列または非配列値を元の配列と結合して、新しい配列を形成し、を返します。構文:
array配列。 (value1, value2, ..., valueN);パラメータ:
valueN は、元の配列とマージする必要がある配列または非配列値を指します。戻り値:
マージされた配列注:
元の配列の内容は変更されません。

<script>
        var att=[1,2,3];
        var attO=["a","b"];
        var attT=[5,true];
        console.log(att.concat(10,attO,attT));//[1,2,3,10,"a","b",5,tru]
        console.log(att);//[1,2,3]
</script>

7.reverse

関数:

配列内の要素の位置を反転します。構文: array arr.reverse()
戻り値: 順序を反転した後の配列
注: 元の配列を変更します。

<script>
    var arr = [1,2,3,6,5,4];
    var res = arr.reverse();
    res.push( "a" );
    console.log( res );//[4,5,6,3,2,1,"a"]
    console.log( arr );//[4,5,6,3,2,1,"a"]
</script>

8.slice関数: ** 配列の一部をインターセプトし、この新しい配列を返します。

構文:

array arr.slice([ begin[,end] ]);
戻り値: インターセプト後の新しい配列
注: 開始位置が含まれますが、終了位置は含まれません
元の配列は変更されません array.Nothing 元の配列を渡します。

<script>
    var arr = ["a","b","c","d"];
//    var res = arr.slice( 1,3 );//["b","c"]
//    var res = arr.slice( 3,1 );//[]
    var res = arr.slice( -3,-1 );//["b","c"]
    var res = arr.slice();//["a","b","c","d"]
    console.log( res );
    console.log( arr );//["a","b","c","d"]
</script>

9.splice関数: 古い要素を新しい要素に置き換えて配列の内容を変更します

構文:

array array.splice(start,

deleteCount[, item1[, item2[, ...]]])
パラメータ:

    - start    起始位置
    - deleteCount    删除长度
    - item    添加的内容

戻り値: 削除された要素で構成される
配列

注

: 元の配列の内容を変更します。

<script>
    var att="Liangzhifang".split("");
    console.log(att.splice(2,4,["a"]));//["a","n","g","z"]
    console.log(att);//["L","i",["a"],"h","i","f","a","n","g"]
</script>

10.sort

作用： 对数组的元素进行排序。
语法： array arr.sort([compareFunction]);
参数: compareFunction可选。用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的诸个字符的Unicode位点进行排序。
返回值: 排序后的数组.

<script>
    //当什么都不传入的时候，sort（）默认由小到大排列。
    var attr=[9,5,4,3,2];
    console.log(attr.sort());//[2, 3, 4, 5, 9]
    //传入function的时候，sort（）内的function返回值大于0，由小到大排列。
    var attrO=[9,5,4,3,2];
    console.log(attrO.sort(function () {
        return 1;
    }));//[2, 3, 4, 5, 9]
    //传入function的时候，sort（）内的function返回值小于或者等于0，数组序列不变。
    var attrT=[9,5,4,3,2];
    console.log(attrT.sort(function () {
        return -1;
    }));// [9, 5, 4, 3, 2]
    //由于sort内部是随机抽取两个值，我们在利用function函数的返回值，大于0的时候，交换位置。小于或者等于0的时候不变，来排序。
    //以下是由小到大排序
    var attrTh=[9,5,4,3,2];
    console.log(attrTh.sort(function (a,b) {
        return a-b;
    }));// [2, 3, 4, 5, 9]
    //以下是由大到小排序
    var attrF=[9,5,4,3,2];
    console.log(attrF.sort(function (a,b) {
        return b-a;// [9, 5, 4, 3, 2]
    }));
</script>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

使用js变量作用域遇到的bug

自定义搭建前端脚手架

以上がJS配列メソッドを使用する手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。