So ändern Sie das ursprüngliche Array:
push: Elemente am Ende des Arrays hinzufügen und die neue Länge zurückgeben
pop : Letztes löschen und das entfernte Element zurückgeben
unshift: Fügt ein Element am Anfang des Arrays hinzu und gibt die neue Länge zurück
shift: verschiebt das erste Das Element wird gelöscht und das gelöschte Element wird zurückgegeben. Wenn es leer ist, ist es undefiniert >
spleißen: Array-Elemente löschen, hinzufügen, ersetzen, das gelöschte Array zurückgeben nicht gelöscht, es wird nicht zurückgegeben
: Array-Mapping ist neu. Array von
filter
(es6)zurück, die nach dem Bestehen der Methodenbeurteilung generiert wurden (wenn sie als wahr beurteilt werden)
forEachevery
(es6)find
(es6)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.indexOf: Methode gibt den ersten Index
zurück, in dem ein bestimmtes Element im Array gefunden werden kann, oder -1, wenn es nicht existiert.include
s
// 连接数组
//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 FrontendDas 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!
