Heim > Web-Frontend > Front-End-Fragen und Antworten > So entfernen Sie Elemente aus dem es6-Array

So entfernen Sie Elemente aus dem es6-Array

青灯夜游
Freigeben: 2023-01-11 15:51:59
Original
2013 Leute haben es durchsucht

Methode: 1. Verwenden Sie Shift(), um das erste Element zu löschen, die Syntax ist „array.shift()“ 2. Verwenden Sie Pop(), um das letzte Element zu löschen, die Syntax ist „array.pop()“; 3. Verwenden Sie splice( ), um Elemente an einer beliebigen Position zu löschen. Die Syntax lautet „array.splice(position, number)“. 4. Verwenden Sie „length“, um die N Elemente am Ende zu löschen. Die Syntax lautet „array.length=original array“. length-N“; 5. Weisen Sie direkt ein leeres Array „[]“ zu, um das Element zu löschen; 6. Verwenden Sie delete, um ein Element am angegebenen Index zu löschen.

So entfernen Sie Elemente aus dem es6-Array

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Methode 1: Verwenden Sie die Funktion „shift()“, um das erste Array-Element zu löschen. Die Funktion „array.shift()“ kann das erste Element des Arrays daraus löschen und dann den Wert des ersten Elements zurückgeben Alle verbleibenden Elemente werden um eine Position nach vorne verschoben, um die Lücke am Anfang des Arrays zu füllen.

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
Nach dem Login kopieren
Das Ausgabeergebnis ist:

Hinweis: Die Methode „shift()“ ändert das ursprüngliche Array und die Länge des Arrays!

So entfernen Sie Elemente aus dem es6-Array

Methode 2: Verwenden Sie pop(), um das letzte Array-Element zu löschen. Die Methode

array.pop() kann das letzte Element im Array-Array löschen und das gelöschte Element zurückgeben.

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.pop();
console.log(a)
Nach dem Login kopieren
Das Ausgabeergebnis ist:

Hinweis: Die Methode pop() ändert auch das ursprüngliche Array und die Länge des Arrays!

So entfernen Sie Elemente aus dem es6-Array

Methode 3: Verwenden Sie splice(), um Elemente an einer beliebigen Position zu löschen.

Verwenden Sie splice(), um ein oder mehrere Elemente ab der angegebenen tiefgestellten Position zu löschen. Syntax zum Löschen von Elementen:

array.splice(index,howmany)
Nach dem Login kopieren

Der erste Parameter index kann die Startposition des Index angeben (d. h. die Position, an der das Element gelöscht wird);

  • Der 2. Der Parameter howmany gibt die Anzahl der Elemente an, die gelöscht werden sollen (d. h. ein oder mehrere Elemente, die gelöscht werden müssen).

index 可以指定起始下标位置(即开始删除元素的位置);

  • 第2个参数 howmany 指定应该删除的元素数目(即需要删除的一个或多个元素)。

  • 只需要将第2个参数 howmany 设置为1,即删除任意index位置的一个元素。

    我们通过下面的例子来具体看看:

    var arr= [1,2,3,4,5];
    console.log(arr);
    
    arr.splice(1,1);
    console.log(arr);
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    利用splice() 方法我们也可以实现在数组开头和末尾删除元素的操作:

    • 如果想要在数组开头删除元素,就设置该方法第1个参数index的值为0即可

    var arr= [1,2,3,4,5];
    console.log(arr);
    
    arr.splice(0,1);
    console.log(arr);
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    • 如果想要在数组末尾删除元素,就设置该方法第1个参数index的值为负数,那么就会按绝对值从数组右侧开始向左侧定位;且第2个参数 howmany的值要 等于 index的值。

    var arr= [1,2,3,4,5];
    console.log(arr);
    
    //从倒数第1个元素开始,截取1个元素
    arr.splice(-1,1);
    console.log(arr);
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    方法4:利用length属性删除数组元素(甚至清空元素)

    数组的length属性一般是用来设置或返回数组中元素的数目,即设置或返回数组长度。

    我们可以利用设置数组长度的特性,将length属性的设置的比原长度小,即可从数组尾部删除一个或多个元素;如果值设置为0,就会删除全部数组,即清空数组!

    语法:数组对象.length=原数组长度-1;

    示例1:

    var a = [1,2,3,4,5,6,7,8];  //定义数组
    console.log(a)
    a.length=7;
    console.log(a)
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    示例2:

    var a = [1,2,3,4,5,6,7,8];  //定义数组
    console.log(a)
    a.length=0;
    console.log(a)
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    方法5:直接赋予空数组[]

    直接赋予空数组[]就会将之前的元素全部清空。

    var arr=new Array(1,2,3,4,5,6,7,8,9,10);
    console.log(arr);
    arr=[];
    console.log(arr);
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    这种方法并不是严格意义的清空数组,只是将arr重新赋值为空数组。

    方法6:利用delete运算符删除指定下标的一个元素

    我们都知道数组中的每个元素都有一个序号,这个序号从0开始,被称为下标(Index)。根据这个数组下标,我们可以使用 数组名[下标]Sie müssen lediglich den zweiten Parameter howmany auf 1 setzen, d. h. ein Element an einer beliebigen Indexposition löschen.

    🎜Schauen wir uns das folgende Beispiel genauer an: 🎜
    var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
    console.log(arr);
    
    delete arr[1];  //删除下标为1的元素(第二个元素)
    console.log(arr);
    Nach dem Login kopieren
    Nach dem Login kopieren
    🎜So entfernen Sie Elemente aus dem es6-Array🎜🎜Mit der splice()-Methode können wir auch Elemente am Anfang und Ende des Arrays löschen: 🎜🎜🎜🎜Wenn Sie Elemente am Anfang des Arrays löschen möchten, Setzen Sie diese Methode auf Nr. 1. Der Wert des Parameterindex ist 0🎜
    console.log(arr[1]);
    Nach dem Login kopieren
    Nach dem Login kopieren
    🎜So entfernen Sie Elemente aus dem es6-Array🎜🎜🎜🎜Wenn Sie ein Element am Ende des Arrays löschen möchten, legen Sie den Wert des ersten Parameterindex der Methode fest auf eine negative Zahl, dann wird es entsprechend seinem Absolutwert aus dem Array entfernt. Beginnen Sie mit der Positionierung von rechts nach links und der Wert des zweiten Parameters howmany muss gleich dem Wert von index sein. 🎜rrreee🎜 So entfernen Sie Elemente aus dem es6-Array🎜🎜🎜🎜Methode 4: Verwenden Sie das Längenattribut, um Array-Elemente zu löschen (oder sogar Elemente zu löschen)🎜🎜🎜🎜Das Längenattribut eines Arrays wird im Allgemeinen verwendet, um die Anzahl der Elemente im Array festzulegen oder zurückzugeben Array, das heißt, um die Array-Länge festzulegen oder zurückzugeben. 🎜🎜Wir können die Funktion nutzen, die Länge des Arrays festzulegen und das Längenattribut auf einen kleineren Wert als die ursprüngliche Länge zu setzen, um ein oder mehrere Elemente vom Ende des Arrays zu löschen Das gesamte Array wird gelöscht, das heißt, das Array wird gelöscht! 🎜🎜Syntax: Array object.length=original array length-1;
    🎜🎜Beispiel 1: 🎜rrreee🎜So entfernen Sie Elemente aus dem es6-Array🎜🎜Beispiel 2: 🎜rrreee🎜So entfernen Sie Elemente aus dem es6-Array🎜🎜🎜🎜Methode 5: Weisen Sie direkt ein leeres Array []< zu / code>🎜🎜🎜🎜 Durch direktes Zuweisen zu einem leeren Array <code>[] werden alle vorherigen Elemente gelöscht. 🎜rrreee🎜So entfernen Sie Elemente aus dem es6-Array🎜🎜 Diese Methode löscht das Array nicht unbedingt, sondern weist arr lediglich einem leeren Array neu zu. 🎜🎜🎜🎜Methode 6: Verwenden Sie den Löschoperator, um ein Element mit einem angegebenen Index zu löschen. 🎜🎜🎜🎜Wir alle wissen, dass jedes Element im Array eine Seriennummer hat, die bei 0 beginnt und als Index bezeichnet wird ). Gemäß diesem Array-Index können wir die Form Array-Name [subscript] verwenden, um auf das Element des angegebenen Index zuzugreifen. 🎜

    访问到指定元素后,就可以利用 delete运算符 来删除该元素,但数组长度不会发生改变;删除后的该元素会变为空位元素,

    var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
    console.log(arr);
    
    delete arr[1];  //删除下标为1的元素(第二个元素)
    console.log(arr);
    Nach dem Login kopieren
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    空位元素可以读写,length 属性不排斥空位,空元素位返回值为 undefined

    console.log(arr[1]);
    Nach dem Login kopieren
    Nach dem Login kopieren

    So entfernen Sie Elemente aus dem es6-Array

    说明:空元素与元素的值为 undefined 是两个不同的概念,即使空元素的返回值也是 undefined。JavaScript 在初始化数组时,只有真正存储有值得元素才可以分配内存。

    【相关推荐:javascript视频教程web前端

    Das obige ist der detaillierte Inhalt vonSo entfernen Sie Elemente aus dem es6-Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage