Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Schritte zur Verwendung der JS-Array-Methode

Detaillierte Erläuterung der Schritte zur Verwendung der JS-Array-Methode

php中世界最好的语言
php中世界最好的语言Original
2018-05-24 16:06:221958Durchsuche

Dieses Mal werde ich Ihnen die Schritte zur Verwendung der JS-Array-Methode ausführlich erklären. Was sind die Vorsichtsmaßnahmen bei der Verwendung der JS-Array-Methode?

1.join

Funktion: Fügen Sie das Array durch die angegebenen Zeichen zu einem zusammen Zeichenfolge .
Syntax: string arr.join([separator = ',']);
Parameter: Trennzeichen ist verfügbar Wenn es weggelassen wird, ist standardmäßig ein Komma . Wenn seprator eine leere Zeichenfolge ist, werden alle Elemente im Array direkt verkettet .
Rückgabewert: Die verkettete Zeichenfolge.

<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

Funktion: Fügen Sie ein oder mehrere Elemente zum Ende des Arrays hinzu.
Syntax: number arr.push(element1, ..., elementN);
Parameter: elementN, ein oder mehrere Elemente.
Rückgabewert: Die Länge des neuen Arrays.
Hinweis: ändert das ursprüngliche Array.

 <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

Funktion: Ein oder mehrere Elemente zum Kopf des Arrays hinzufügen.
Syntax: number arr.push(element1, ..., elementN);
Parameter: elementN, ein oder mehrere Elemente.
Rückgabewert: Die Länge des neuen Arrays.
Hinweis: ändert das ursprüngliche Array.

 <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

Funktion: LöschenArrayEndlich ein Element.
Syntax: mixed arr.pop();
Rückgabewert: Das gelöschte Element.
Hinweis: ändert das ursprüngliche Array.

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

5.shift

Funktion: Löschen Sie das erste Element des Arrays.
Syntax: mixed arr.pop();
Rückgabewert: Das gelöschte Element.
Hinweis: ändert das ursprüngliche Array.

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

Funktion: Den eingehenden Array- oder Nicht-Array-Wert mit dem Original-Array, bilden Sie ein neues Array und geben Sie zurück. Syntax:
array array.concat(value1, value2, ..., valueN); Parameter:
valueN bezieht sich auf den Array- oder Nicht-Array-Wert, der mit dem ursprünglichen Array zusammengeführt werden muss.Rückgabewert:
Zusammengeführtes Array Hinweis:
wird den Inhalt des ursprünglichen Arrays nicht ändern.

<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

Funktion:

Die Position der Elemente im -Array umkehren.Syntax: array arr .reverse( )
Rückgabewert
: Das Array nach Umkehrung der ReihenfolgeHinweis:
wird sich ändern das ursprüngliche Array.

<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

Funktion:

Einen Teil des **-Arrays abfangen und dieses neue Array zurückgeben.Syntax:
array arr.slice([begin[,end]]);Rückgabewert
: Das neue Array von nach dem Abfangen Hinweis:
enthält die Startposition von , enthält nicht die Endposition von und ändert das ursprüngliche Array nicht, wenn nichts Wird an übergeben, handelt es sich um das ursprüngliche Array.

<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

Funktion:

Alte Elemente durch neue Elemente ersetzen, um den Inhalt des Arrays zu ändern

Syntax:
array array.splice(start, deleteCount[, item1[, item2[, ...]]])Parameter:

    - start    起始位置
    - deleteCount    删除长度
    - item    添加的内容
Rückgabewert: Ein

-Array bestehend aus gelöschten Elementen Hinweis :
ändert den Inhalt des ursprünglichen Arrays.

<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

自定义搭建前端脚手架

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zur Verwendung der JS-Array-Methode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn