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]
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]
var stack =[]; stack.push(1,2) //返回2 stack.pop() //返回2 9、unshift()、shif()
zurück
var a = []; a.unshift(1,2,3,4) //a:[1,2,3,4] 返回4 a.shift() //a:[2,3,4] 返回1
1, forEach()
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
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 < 3}) //[1,2]
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){
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.
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
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 < 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()函数需要两个函数,第一个是执行简化操作的函数,第二个是初始值。
6、indexOf()和lastIndexOf()
搜索整个数组中给定的值的元素,返回找到的第一个元素的索引值,没有找到返回-1,
var a = [0,1,2,1,0]; a.indexOf(1) //1 a.lastIndexOf(1) //3 a.indexOf(3) //-1
es6数组方法
1、Array.of()方法,创建一个包含所有参数的数组
let items = Array.of(1,2);//[1,2] let items = Array.of(2) //[2] let items = Array.of("2")//["2"]
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.
相关推荐:
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!