Einführung in Operationen im Zusammenhang mit Arrays von JavaScript-Datenstrukturen (mit Beispielen)

Dieser Artikel bietet Ihnen eine Einführung in die zugehörigen Operationen von Arrays von JavaScript-Datenstrukturen. Ich hoffe, dass er für Freunde hilfreich ist.

Klassifizierung von Datenstrukturen

Datenstruktur bezieht sich auf eine Sammlung von Datenelementen, die eine oder mehrere Beziehungen zueinander haben, sowie auf die Beziehungen zwischen Datenelementen in der Sammlung Beziehungen.
Zu den häufig verwendeten Datenstrukturen gehören: Array, Stapel, verknüpfte Liste, Warteschlange, Baum, Diagramm, Heap, Hash-Tabelle usw., wie in der Abbildung gezeigt:

Array

Array ist die einfachste Speicherdatenstruktur, die mehrere Elemente kontinuierlich im Speicher speichern kann Arrays werden durch den Array-Index dargestellt. Für den Zugriff beginnen Array-Indizes bei 0.
Tipps: Daten speichern im Allgemeinen eine Reihe von Werten desselben Datentyps. In JavaScript können jedoch Werte unterschiedlichen Typs in einem Array gespeichert werden, dies ist jedoch im Allgemeinen nicht erforderlich.

1. Array erstellen

let daysOfWeek = new Array();
let daysOfWeek = new Array(7);
let daysOfWeek = new Array('1', '2', '3', '4', '5', '6', '7');

2. Element hinzufügen

// 初始化nums数组
let nums = [0,1,2,3,4,5,6];
// 指定位置添加
nums[nums.length] = 7;
// 使用push(),把元素添加到数组末尾
nums.push(8);// 0...8
nums.push(9, 10);// 0...10
// 使用unshift，把元素添加到数组首位
nums.unshift(-1);// -1...10
nums.unshift(-3,-2);// -3...10

4. Element löschen oder an einer beliebigen Stelle hinzufügen

// pop(),删除最后一个
nums.pop();//-3...9
// shift(),删除第一个
nums.shift();//-2...9

5. Javascript-Array-Methodenreferenz

// splice()方法
nums.splice(2, 3);// 删除 index=2 开始的后的3个数 -2，-1，3...9
nums.splice(2, 0, 0, 1, 2);// 从index=2开始插入0，1，2  -2...9

6. ES6 neue Array-Methode

concat()  // 连接2个或多个数组，并返回结果
every()  // 对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true
filter()  // 对数组中的每一项运行给定函数，返回该函数能返回true的项作为新数组
forEach()  // 对数组中的每一项运行给定函数,没有返回值
join()  // 按传入的字符连接成一个字符串
indexOf()  // 从前往后遍历，返回第一个与传入参数相等的索引值，没找到返回-1
lastIndexOf()  // 从后往前遍历，返回第一个与传入参数相等的索引值
map()  // 对数组中的每一项运行给定函数，返回每次函数调用的结果组成新的数组
reverse()  // 颠倒数组中元素的顺序
slice()  // 传入索引值，将数组对应索引值范围内的元素作为新数组返回  
some()  // 对数组中的每一项运行给定函数，如果某一项返回true,则返回true
sort()  // 按照字母顺序排序，支持传入指定排序方法的函数作为参数
toString()  // 将数组作为字符串返回
valueOf()  // 和toString类似，将数组作为字符串返回

7. Array-Vor- und Nachteile

Vorteile:

(1) Abfrage nach Index Die Die Elementgeschwindigkeit ist hoch
(2) Es ist praktisch, das Array gemäß dem Index zu durchlaufen

Nachteile:

(1) Sobald die Größe des Arrays festgelegt ist, kann es nicht mehr erweitert werden

(2) Das Array kann nur Daten eines Typs speichern
(3) Das Hinzufügen und Löschen ist langsam, da andere Elemente verschoben werden müssen.

Anwendbare Szenarien:

Häufige Abfragen, geringer Speicherplatzbedarf und seltene Hinzufügungen und Löschungen.

Das obige ist der detaillierte Inhalt vonEinführung in Operationen im Zusammenhang mit Arrays von JavaScript-Datenstrukturen (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!