Heim > Backend-Entwicklung > PHP-Tutorial > Teilen von js-Array-Methoden

Teilen von js-Array-Methoden

小云云
Freigeben: 2023-03-21 19:46:02
Original
1023 Leute haben es durchsucht

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”];
Nach dem Login kopieren

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”
Nach dem Login kopieren

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"]
Nach dem Login kopieren
Nach dem Login kopieren

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()
Nach dem Login kopieren

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”
Nach dem Login kopieren

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
Nach dem Login kopieren

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]
Nach dem Login kopieren
Nach dem Login kopieren
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]
Nach dem Login kopieren
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()
Nach dem Login kopieren
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
Nach dem Login kopieren
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]
Nach dem Login kopieren


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]
Nach dem Login kopieren


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 < 3}) //[1,2]

4, every() and some()


every() ist für alle Die Elemente werden anhand der Übertragungsfunktion als wahr beurteilt, und some() wird anhand eines von ihnen beurteilt.
var a = [1,2,3,4,5]; a.every(function(x){ return x%2 === 0 }) //false, nicht alle Werte sind gerade
a.some(function(x){

Rückgabe x%2 === 0; }) //true, a enthält eine gerade Zahl

5, Reduce() und ReduceRight()

kombinieren Array-Elemente, um einen einzelnen Wert zu generieren
var a = [1,2,3,4,5]; var sum = a.reduce(function(x,y){return x+y},0) //Array-Summierung
var product = a.reduce(function(x,y){return x*y},1) //Array-Produkt
var max = a.reduce(function(x,y){return (x>y)?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"]
Nach dem Login kopieren
Nach dem Login kopieren


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"]
Nach dem Login kopieren
Nach dem Login kopieren

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]
Nach dem Login kopieren
Nach dem Login kopieren

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];
Nach dem Login kopieren

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 < 3}) //[1,2]
4、every()和some()

every()是对所有的元素在传递函数上进行判断为true,some()是对其中的一个进行判断。
var a = [1,2,3,4,5];
a.every(function(x){ return x%2 === 0 }) //false,不是所有的值都是偶数
a.some(function(x){
return x%2 === 0;
}) //true,a含有偶数
5、reduce()和reduceRight()

将数组元素进行组合,生成单个值

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

    var sum = a.reduce(function(x,y){return x+y},0)  //数组求和 

    var product = a.reduce(function(x,y){return x*y},1) //数组求积 

    var max = a.reduce(function(x,y){return (x>y)?x:y})  //求最大值 

    reduce()函数需要两个函数,第一个是执行简化操作的函数,第二个是初始值。
Nach dem Login kopieren

6、indexOf()和lastIndexOf()

搜索整个数组中给定的值的元素,返回找到的第一个元素的索引值,没有找到返回-1,

 var a = [0,1,2,1,0]; 

    a.indexOf(1)  //1 

    a.lastIndexOf(1) //3 

    a.indexOf(3)  //-1
Nach dem Login kopieren

es6数组方法
1、Array.of()方法,创建一个包含所有参数的数组

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

2、Array.from(),将非数组对象转换为正式数组
3、find()和findIndex()接收两个参数,一个是回调函数,另一个是可选参数,find()返回查找到的值,findeIndex()返回查找到的索引值,

let number = [25,30,35,40,45]
console.log(number.find(n => 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.
Nach dem Login kopieren

相关推荐:

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!

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