Teilen von js-Array-Methoden

Arrays nehmen in js eine sehr wichtige Position ein. Dieser Artikel teilt Ihnen hauptsächlich die Array-Methoden von js mit und hofft, allen zu helfen.

1. Arrays hinzufügen und löschen Die push()-Methode fügt ein oder mehrere Elemente am Ende des Arrays hinzu

  a = []; 

    a.push(“zero”)     // a = [“zero”] 

    a.push(“one”,”two”) // a = [“zero”,”one”,”two”];

Die Methode zum Löschen eines Elements am Ende des Arrays ist die Methode pop(). Das Prinzip besteht darin, die Länge des Arrays um 1 zu reduzieren und das gelöschte Element zurückzugeben.
2. join()

Die Methode Array.join() wandelt alle Elemente im Array in Strings um, fügt sie zusammen und gibt den endgültigen generierten String zurück. Der Standardwert ist ein Komma, dazwischen kann ein beliebiges Zeichen stehen.

var bb = [‘abc’,’cd’,1,5]; 

    bb.join(“/”)    //”abc/cd/1/5”

Die Array.join()-Methode ist die umgekehrte Operation der String.split()-Methode, die einen String in ein Array aufteilt.

var str = "abc/cd/1/5";
str.split("/")    //["abc", "cd", "1", "5"]

3. reverse()

Array.reverse() kehrt die Reihenfolge der Elemente im Array um,

 var s = [1,2,3]; 

    s.reverse().join(“-“)   //”3-2-1” 
4、sort（）

Sortieren Sie die Elemente im Array und geben Sie das sortierte Array zurück.
Wenn sort() keine Parameter annimmt, wird alphabetisch sortiert.

 var a = new Array(“banaa”,”apple”,”cherry”); 

    a.sort(); 

    var s = a.join(“/”);   //”apple/banana/cherry”

Um das Array zu sortieren, müssen Sie eine Vergleichsfunktion übergeben. Unter der Annahme, dass der erste Parameter an erster Stelle steht, gibt die Vergleichsfunktion einen Wert kleiner als 0 zurück,

 var a = [33,4,111,222]; 

    a.sort()   //111,222,33,4 

    a.sort(function(a,b){return a-b});  //4,33,222,111

5. concat()

Die Methode Array.concat() erstellt ein neues Array und gibt es zurück, die verbundenen Array-Elemente, nicht das Array selbst. concat( ) ändert das aufgerufene Array nicht
var a = [1,2,3];
var b = a.concat(); Kopie des Arrays //b = [1,2,3]
a.concat([4,5]); //[1,2,3,4,5]
6. Die Methode „slice()“ gibt ein Fragment oder Subarray zurück angegebenes Array, die Parameter sind die Startposition und die Endposition

var a = [1,2,3,4,5];
var b = a.slice(0,3)  //[1,2,3]
a.slice(3)        //[4,5]
a.slice(1,-1)      //[2,3,4]
a.slice(-3,-2)     //[3]

7. Die Methode splice()

Array.splice() fügt Elemente in das Array ein oder löscht sie, was anders ist Von Slice() ändert Concat() das Array.

  var a = [1,2,3,4,5,6,7,8]; 

    var b = a.splice(4); //a = [1,2,3,4],b=[5,6,7,8] 

    var c = a.slice(1,2)  //a = [1,4] b=[2,3] 

    var a = [1,2,3,4,5]; 

    a.splice(2,0,’a’,’b’)  //a = [1,2,’a’,’b’,3,4,5]

8. push(), pop()

push() fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge des Arrays zurück. pop() löscht das letzte Element und gibt das gelöschte Element zurück.

 var stack =[]; 

    stack.push(1,2)   //返回2 

    stack.pop()       //返回2 
9、unshift()、shif()

bearbeitet den Kopf des Arrays, unshift() fügt ein oder mehrere Elemente zum Kopf hinzu und gibt die Länge zurück, shift() löscht das erste Element des Arrays und gibt

zurück

 var a = []; 

    a.unshift(1,2,3,4)    //a:[1,2,3,4] 返回4 

    a.shift()           //a:[2,3,4]  返回1

Methoden von Arrays in es5:

Arrays durchlaufen, abbilden, filtern, erkennen, vereinfachen, durchsuchen

1, forEach()

Es durchläuft das Array vom Anfang bis zum Ende und ruft die angegebene Funktion für jedes Element auf. Diese Funktion empfängt drei Parameter: Array-Element (Wert), Index (Index) und das Array selbst (arr).

2. map()

 var data = [1,2,3,4,5]; 

    //每个元素值自加1 

    data.forEach(function(v,i,a){ 

        a[i] = v + 1; 

    }) 

    //[2,3,4,5,6]

Die Methode map() übergibt jedes Element des aufgerufenen Arrays an die angegebene Funktion und gibt ein neues Array zurück

3. filter()

 a = [1,2,3]; 

    b = a.map(function(x){ 

        return x*x; 

    }) 

    //[1,4,9]

Die Methode filter() führt eine logische Beurteilung für jedes Element des Arrays in der Übertragungsfunktion durch > var a = [1,2,3,4,5]; var b = a.filter(function(x){return x 7559560c96ea060c8745cc3838449659y)?x:y}) //Finde den Maximalwert
Die Funktion „reduce()“ erfordert zwei Funktionen: Die erste ist eine Funktion, die den Reduktionsvorgang durchführt, und die zweite ist der Anfangswert.

6. indexOf() und lastIndexOf()

Suchen Sie nach Elementen mit einem bestimmten Wert im gesamten Array und geben Sie den Indexwert des ersten gefundenen Elements zurück,
var a = [0,1,2,1,0]; a.indexOf(1) //1
a.lastIndexOf(1) //3
a.indexOf(3) //-1
es6-Array-Methode
1. Array.of()-Methode, erstellt ein Array mit allen Parametern

2. , Nicht-Array-Objekte in formale Arrays konvertieren
3. find() und findIndex() empfangen zwei Parameter, einer ist eine Rückruffunktion und der andere ist ein optionaler Parameter. find() gibt den gefundenen Wert zurück, findIndex() gibt zurück der gefundene Indexwert,

let number = [25,30,35,40,45]
console.log(number.find(n => n > 33)) / /35
console.log(number.findIndex(n => n >33)) //2

Array-Deduplizierung

let items = Array.of(1,2);//[1,2]
let items = Array.of(2)  //[2]
let items = Array.of("2")//["2"]

1.数组的添加和删除 push()方法在数组的尾部添加一个或者多个元素
   a = [];
   a.push(“zero”)     // a = [“zero”]
   a.push(“one”,”two”) // a = [“zero”,”one”,”two”];
在数组的尾部删除一个元素方法是pop()方法,原理是使数组的长度减少1，并返回被删除的元素。
2、join()

Array.join()方法将数组中的所有的元素转化为字符串并连接一起，返回最后生成的字符串。默认是是逗号，中间可以是任意的字符。
   var bb = [‘abc’,’cd’,1,5];
   bb.join(“/”)    //”abc/cd/1/5”
Array.join()方法是String.split()方法的逆向操作，后者是将字符串分割成数组。

var str = "abc/cd/1/5";
str.split("/")    //["abc", "cd", "1", "5"]

3、reverse()

Array.reverse()将数组中的元素顺序颠倒，
   var s = [1,2,3];
   s.reverse().join(“-“)   //”3-2-1”
4、sort（）

对数组中的元素进行排序，返回排序后的数组。
当sort()不带参数时，是按字母表排序。
   var a = new Array(“banaa”,”apple”,”cherry”);
   a.sort();
   var s = a.join(“/”);   //”apple/banana/cherry”
进行数组排序，要传递一个比较函数，假设第一个参数在前，比较函数返回一个小于0的数值，
   var a = [33,4,111,222];
   a.sort()   //111,222,33,4
   a.sort(function(a,b){return a-b});  //4,33,222,111
5、concat()

Array.concat()方法创建并返回一个新数组，连接的数组元素，不是数组本身，concat()不会修改调用的数组
var a = [1,2,3];
var b = a.concat();   数组的复制//b = [1,2,3]
a.concat([4,5]);      //[1,2,3,4,5]
6、slice()
Array.slice()方法返回制定数组的一个片段或子数组，参数时开始位置、结束位置

var a = [1,2,3,4,5];
var b = a.slice(0,3)  //[1,2,3]
a.slice(3)        //[4,5]
a.slice(1,-1)      //[2,3,4]
a.slice(-3,-2)     //[3]

7、splice()

Array.splice()方法在数组中插入或删除元素，不同于slice(),concat(),会修改数组。
 

 var a = [1,2,3,4,5,6,7,8]; 

    var b = a.splice(4); //a = [1,2,3,4],b=[5,6,7,8] 

    var c = a.slice(1,2)  //a = [1,4] b=[2,3] 

    var a = [1,2,3,4,5];

   a.splice(2,0,’a’,’b’)  //a = [1,2,’a’,’b’,3,4,5]
8、push()、pop()

push()在数组的尾部添加一个或者多个元素，并返回数组的新的长度。pop()删除最后一个元素，返回删除的元素。
   var stack =[];
   stack.push(1,2)   //返回2
   stack.pop()       //返回2
9、unshift()、shif()

在数组的头部进行操作，unshift()在头部添加一个或多个元素，返回长度，shift()删除数组的第一个元素，并返回
   var a = [];
   a.unshift(1,2,3,4)    //a:[1,2,3,4] 返回4
   a.shift()           //a:[2,3,4]  返回1
es5中数组的方法：

遍历、映射、过滤、检测、简化、搜索数组
1、forEach()

是从头至尾遍历数组，为每个元素调用制指定的函数，该函数接收三个参数，数组元素（value）、索引（index）、数组本身(arr);
   var data = [1,2,3,4,5];
   //每个元素值自加1
   data.forEach(function(v,i,a){
       a[i] = v + 1;
   })
   //[2,3,4,5,6]
2、map()

map()方法将调用的数组的每一个元素传递给指定的函数，返回一个新数组
   a = [1,2,3];
   b = a.map(function(x){
       return x*x;
   })
   //[1,4,9]
3、filter()

filter()方法是对数组的每一个元素的，在传递函数中进行逻辑判断，该函数返回true、false
   var a = [1,2,3,4,5];
   var b = a.filter(function(x){return x 358fcddd804258c587bcdb7941212663 n > 33))  //35
console.log(number.findIndex(n => n >33)) //2
数组去重

1、遍历数组去重function unique(obj){
    var arr = [];    var len = obj.length;    for(var i=0;i<len;i++){        if(arr.indexOf(obj[i]) == -1){
            arr.push(obj[i])
        }
    }    return arr;
}
unique([1,1,1,2,3])
[1,2,3]2、对象键值对法function unique(obj){
    var tar = {},arr = [],len = obj.length,val,type;    for(var i = 0;i<len;i++){        if(!tar[obj[i]]){
            tar[obj[i]] = 1;
            arr.push(obj[i])
        }
    }    return arr;
}3、es6 new Set()方法Array.from(new Set([1,2,3,3,3])) //[1,2,3]1.

相关推荐：

vue.js数组更新实例分享

JS数组去重方法总结

js数组常用的一些排序法

Das obige ist der detaillierte Inhalt vonTeilen von js-Array-Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!