Heim >Web-Frontend >Front-End-Fragen und Antworten >So löschen Sie ein Array-Element in es6

So löschen Sie ein Array-Element in es6

青灯夜游
青灯夜游Original
2022-10-11 18:11:594103Durchsuche

Methode: 1. Verwenden Sie Shift(), um das erste Element zu löschen. Die Syntax lautet „array.shift()“. 2. Verwenden Sie Pop(), um das letzte Element zu löschen. Die Syntax lautet „array.pop()“. 3. Verwenden Sie die Länge, um das letzte Element zu löschen. Die Syntax lautet „array.length=original array length-1“. 4. Verwenden Sie delete, um ein Element am angegebenen Index zu löschen. Die Syntax lautet „Array-Name [Index] löschen“. 5. Verwenden Sie splice(), um ein Element an einer beliebigen Position zu löschen. Element, Syntax „array.splice(position,1)“.

So löschen Sie ein Array-Element in es6

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 Verschieben Sie alle verbleibenden Elemente um eine Position nach vorne, um die Lücke am Kopf des Arrays zu füllen.

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

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

So löschen Sie ein Array-Element in es6

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)
Das Ausgabeergebnis ist:

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

So löschen Sie ein Array-Element in es6

Methode 3: Verwenden Sie das Längenattribut, um das letzte Array-Element zu löschen.

Das Längenattribut eines Arrays wird im Allgemeinen verwendet, um die Anzahl der Elemente im Array festzulegen oder zurückzugeben, dh um die Anzahl der Elemente festzulegen oder zurückzugeben Array-Länge. 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:

var a = [1,2,3,4,5,6,7,8];  //定义数组
console.log(a)
a.length=7;
console.log(a)
数组对象.length=原数组长度-1;

示例:

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);

delete arr[1];  //删除下标为1的元素(第二个元素)
console.log(arr);

So löschen Sie ein Array-Element in es6

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

我们都知道数组中的每个元素都有一个序号,这个序号从0开始,被称为下标(Index)。根据这个数组下标,我们可以使用 数组名[下标] 的形式来访问指定下标的元素。

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

console.log(arr[1]);

So löschen Sie ein Array-Element in es6

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

array.splice(index,howmany)

So löschen Sie ein Array-Element in es6

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

方法5:使用 splice() 删除任意位置的一个元素

使用splice()可以从指定下标位置开始删除一个或多个元素。

删除元素的语法:

var arr= [1,2,3,4,5];
console.log(arr);

arr.splice(1,1);
console.log(arr);
  • 第1个参数 index 可以指定起始下标位置(即开始删除元素的位置);

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

只需要将第2个参数 howmanySo löschen Sie ein Array-Element in es6

Methode 4: Verwenden Sie den Löschoperator, um ein Element am angegebenen Index zu löschenSo löschen Sie ein Array-Element in es6

Wir alle kennen Arrays Jedes Element in hat eine Seriennummer, 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.
  • Nachdem Sie auf das angegebene Element zugegriffen haben, können Sie

    den delete-Operator verwenden, um das Element zu löschen

    , aber die Länge des Arrays wird sich nicht ändern,
  • var arr= [1,2,3,4,5];
    console.log(arr);
    
    arr.splice(0,1);
    console.log(arr);
So löschen Sie ein Array-Element in es6

So löschen Sie ein Array-Element in es6Leere Elemente sind OK Lesen und Schreiben, das Längenattribut schließt Leerzeichen nicht aus und der Rückgabewert leerer Elementpositionen ist undefiniert

var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第1个元素开始,截取1个元素
arr.splice(-1,1);
console.log(arr);
    So löschen Sie ein Array-Element in es6
  • Erklärung: Leere Elemente und Elemente, deren Werte undefiniert sind, sind zwei verschiedene Konzepte. Sogar der Rückgabewert eines leeren Elements ist undefiniert. Wenn JavaScript ein Array initialisiert, kann es nur dann Speicher zuweisen, wenn es tatsächlich wertvolle Elemente speichert. 🎜🎜🎜🎜🎜Methode 5: Verwenden Sie splice(), um ein Element 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: 🎜rrreee🎜🎜🎜Der erste Parameter index kann die Startposition des Index angeben (d. h. die Position, an der das Element gelöscht wird); 🎜🎜🎜🎜Der zweite Parameter howmany gibt die Anzahl der Elemente an, die entfernt werden sollen (d. h. ein oder mehrere Elemente, die entfernt werden müssen). 🎜🎜🎜🎜🎜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: 🎜rrreee🎜🎜🎜🎜Mit der splice()-Methode können wir auch Elemente am Anfang und Ende des Arrays löschen: 🎜🎜🎜🎜Wenn Sie Elemente löschen möchten Am Anfang des Arrays setzen Sie einfach den Wert des ersten Parameterindex der Methode auf 0 Parameterindex der Methode auf eine negative Zahl, dann wird er entsprechend dem Absolutwert von der rechten Seite des Arrays nach links positioniert und der Wert des zweiten Parameters howmany muss gleich dem Wert von index sein. 🎜
var arr= [1,2,3,4,5];
console.log(arr);

//从倒数第1个元素开始,截取1个元素
arr.splice(-1,1);
console.log(arr);

So löschen Sie ein Array-Element in es6

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

Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Array-Element in es6. 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