ホームページ > ウェブフロントエンド > jsチュートリアル > jsの配列の基本メソッドを詳しく解説

jsの配列の基本メソッドを詳しく解説

小云云
リリース: 2018-03-13 15:17:54
オリジナル
1160 人が閲覧しました


この記事では主にjsの配列の基本的なメソッドについて詳しく説明しますので、お役に立てれば幸いです。

1. arr.join( )

    //join 数组==>字符串,该字符串以特定字符分隔开.
    var arr = ['A','B','C'];
    var str = arr.join('|');
    console.log(str);
    console.log(typeof str);
    console.log(arr);
    console.log(typeof arr);//object
ログイン後にコピー

2. arr.push( ) <==> arr.unshift( ) <==> )

    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    //push添加元素,在数组之后添加元素,返回的是新数组的长度
    var count = arr.push(&#39;D&#39;,&#39;E&#39;);
    console.log(count);
    console.log(arr);
    //pop()删除数组的最后一元素并且返回该元素,数组长度减去1
    var count = arr.pop();
    console.log(count);
    console.log(arr);
ログイン後にコピー

4.arr.reverse( )

    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    //shift()删除数组第一个元素,并且返回该元素
    console.log(arr.shift());
    console.log(arr);

    //unshift()添加元素,在数组之前添加,返回的是新数组的长度
    console.log(arr.unshift(&#39;D&#39;,&#39;E&#39;));
    console.log(arr);
ログイン後にコピー

5.arr.concat( )

    //reverse()倒序数组,返回的是倒序之后的数组,原数组的顺序改变
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    console.log(arr.reverse());
    console.log(arr);
ログイン後にコピー

6.indexOf( )

    //concat()连接数组并且返回,连接后的类型为数组
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    var copyArr = arr.concat(11,&#39;F&#39;,["123",&#39;4345&#39;]);
    console.log(copyArr);
    console.log(arr);
    copyArr.push(&#39;r&#39;,&#39;556&#39;);
    console.log(copyArr);
ログイン後にコピー
ログイン後にコピー

概要:

    //concat()连接数组并且返回,连接后的类型为数组
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    var copyArr = arr.concat(11,&#39;F&#39;,["123",&#39;4345&#39;]);
    console.log(copyArr);
    console.log(arr);
    copyArr.push(&#39;r&#39;,&#39;556&#39;);
    console.log(copyArr);
ログイン後にコピー
ログイン後にコピー


JS配列の重複を排除する6つの方法

JS配列の重複排除と平坦化の詳細な説明

最も実用的なJS配列関数の構成

以上がjsの配列の基本メソッドを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート