Array-Operationen werden häufig in JS verwendet

So ändern Sie das ursprüngliche Array:

1. push: Elemente am Ende des Arrays hinzufügen und die neue Länge zurückgeben

2. pop : Letztes löschen und das entfernte Element zurückgeben

3. unshift: Fügt ein Element am Anfang des Arrays hinzu und gibt die neue Länge zurück

4. shift: verschiebt das erste Das Element wird gelöscht und das gelöschte Element wird zurückgegeben. Wenn es leer ist, ist es undefiniert >

5. spleißen: Array-Elemente löschen, hinzufügen, ersetzen, das gelöschte Array zurückgeben nicht gelöscht, es wird nicht zurückgegeben

6. ändert das ursprüngliche Array nicht. Operationsmethode:

concat: Mehrere Arrays verketten und ein neues Array zurückgeben
join: Alle Elemente im Array mit Parametern trennen. Ein Zeichen in das Zeichen einfügen.

slice: Das ausgewählte Element zurückgeben
map
2. (es6)

   : Array-Mapping ist neu. Array von

3. filter

   (es6)
: Array-Filterung , gibt alle neuen Arrays

4. zurück, die nach dem Bestehen der Methodenbeurteilung generiert wurden (wenn sie als wahr beurteilt werden)

   forEach
: Array-Durchquerung, kein Rückgabewert

5. every

   (es6)
: für jedes Element im Array Führen Sie die angegebene Funktion aus, geben Sie true zurück, wenn jedes Element wahr ist, andernfalls geben Sie false zurück

6. some

   (es6)
: Führen Sie das angegebene Element in der Array-Funktion aus. Wenn eines der Elemente wahr ist, wird es zu diesem Zeitpunkt nicht erneut getestet. Wenn alle Elemente falsch sind , es gibt false zurück

7. find

   (es6)
: Suchen Sie das erste Element im Array, das die Bedingungen der Testmethode (Funktion) erfüllt, und geben Sie das Element

8. reduce(es6)

   : Die Methode empfängt eine Die Funktion fungiert als Akkumulator und jeder Wert im Array (von links nach rechts) beginnt schließlich abzunehmen bis zu einem Wert zählen.

9. indexOf: Methode gibt den ersten Index

   zurück, in dem ein bestimmtes Element im Array gefunden werden kann, oder -1, wenn es nicht existiert.

10. include

    s
(es7)
11. : Die Methode wird verwendet, um festzustellen, ob ein Array je nach Situation einen bestimmten Wert enthält wird zurückgegeben, wenn dies der Fall ist, andernfalls wird false zurückgegeben.

Verwenden Sie

12. // 连接数组
    //concat方法
    var array1 = ['a', 'b', 'c'];
    var array2 = ['d', 'e', 'f'];
    array1.concat(array2); // ["a", "b", "c", "d", "e", "f"]
    // 展开运算符方法
    [...array1, ...array2] // ["a", "b", "c", "d", "e", "f"]
    
    
    
    //循环
    var arr = ['a', 'b', 'c'];
    arr.forEach(function(element, index) {
      console.log(element + ',' + index);
    });
    // a , 0
    // b , 1
    // c , 2
    
    // 箭头函数写法
    arr.forEach((element,index) => console.log(element,index));
    
    
    
    //循环映射(map)
    var numbers = [1, 5, 10, 15];
    let doubles = numbers.map((item, index) => item * 2);
    // [2, 10, 20, 30]
    
    // 数组是否元素包含(includes)
    let a = [1, 2, 3];
    a.includes(2);
    // true
    a.includes(4);
    // false
    
    
    
    //查找元素(find)
    //查找数组中大于等于15的元素，并且返回第一个元素
    var ret = [12, 5, 8, 130, 44].find(function(element) {
        return element >= 15; // 方法需要有返回值，判断得出true或者false，返回为true的元素
      }
    );
    // 130
    
    
    
    // 过滤数组(filter)
    // 过滤数组中大于等于10的元素并且返回新数组
    var filtered = [12, 5, 8, 130, 44].filter(function(value) {
        return value >= 10; // 方法需要有返回值，判断得出true或者false，返回为true的元素
      }
    );
    // [12, 130, 44]
    
    
    
    // 循环判断(every) 为每个元素都执行
    var passed = [12, 5, 8, 130, 44].every(function (element, index, array) {
      return (element >= 10);
    });
    // false
    
    
    // 循环判断(some) 遇到返回值为true的就停止执行
    var passed = [12, 5, 8, 130, 44].some(function (element, index, array) {
      return (element >= 10);
    });
    // true
    
    
    
    // 数组截取(slice) 不改变原数组
    var animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
    animals.slice(2)  // ["camel", "duck", "elephant"]  返回数组从下标2开始直到结尾的一个新数组
    animals.slice(2, 4)  //["camel", "duck"]  返回数组从下标2到4之间到一个新数组
    
    
    
    // 数组减接(splice)  改变原数组
    var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
    myFish.splice(2, 0, 'drum'); // ["angel", "clown", "drum", "mandarin", "sturgeon"]    0为删减个数，在索引为2的位置不删减并且插入'drum'
    myFish.splice(2, 1); //  ["angel", "clown", "mandarin", "sturgeon"]       从索引为2的位置删除1项（也就是'drum'这一项）
    
    
    
    // 使用 lastIndexOf
    var array = [2, 5, 9, 2];
    var index = array.lastIndexOf(2); // index === 3
    var index = array.lastIndexOf(8); // index === -1
    
    
    
    // 数组转字符串(join)
    let a = ['Wind', 'Rain', 'Fire'];
    a.join() //默认为逗号分隔
    // 'Wind,Rain,Fire'
    a.join("-") // 用 - 分隔
    // 'Wind-Rain-Fire'
    
    
    
    // es6 数组去重
    let array = [1, 1, 1, 1, 2, 3, 4, 4, 5, 3];
    let set = new Set(array);
    let newarr = Array.from(set);
    // newarr === [1, 2, 3, 4, 5]

    Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:

    So setzen Sie Cookies im Frontend

---

So verhindern Sie die Ereignisausbreitung im Frontend

Das obige ist der detaillierte Inhalt vonArray-Operationen werden häufig in JS verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!