JS数组方法(包含ES6新增方法)

concat(array, ..., arrayN):连接两个或多个数组,并返回新的数组。

var hege = ["Cecilie", "Lone"]; var stale = ["Emil", "Tobias", "Linus"]; var kai = ["Robin"]; var children = hege.concat(stale,kai); // Cecilie,Lone,Emil,Tobias,Linus,Robin


slice(start(负数是倒数), end(负数是倒数)):选取数组的一部分,并返回。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1,3); // Orange,Lemon


splice(start, 删除多少个元素, 要添加的元素):添加、删除或替换数组元素,返回删除元素组成的数组,没有删除则返回空数组。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2,0,"Lemon","Kiwi"); // Banana,Orange,Lemon,Kiwi,Apple,Mango



copyWithin(替换位置, 起始位置, 停止位置(负值表示倒数)):从数组的指定位置复制元素到数组的另一个位置。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.copyWithin(2, 0); // Banana,Orange,Banana,Orange

var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"]; fruits.copyWithin(2, 0, 2); // Banana,Orange,Banana,Orange,Kiwi,Papaya



entries():返回一个包含数组键值对的迭代对象。
for (let [index, elem] of ['a', 'b'].entries()) { console.log(index, elem); } // 0 "a" // 1 "b"


keys():返回一个包含数组键名的迭代对象。
for (let index of ['a', 'b'].keys()) { console.log(index); } // 0 // 1


values():返回一个包含数组键值得迭代对象。
for (let elem of ['a', 'b'].values()) { console.log(elem); } // 'a' // 'b'



every(function(currentValue, index, arr), thisValue):对数组中的每一项运行给定函数,如果函数对每一项都返回true,则返回true。
var ages = [32, 33, 16, 40]; ages.every(function checkAdult(age) { return age >= 18; }); // false


filter(function(currentValue,index,arr), thisValue):对数组中的每一项运行给定函数,返回函数会返回true的项组成的数组。
var ages = [32, 33, 16, 40]; ages.filter(function checkAdult(age) { return age >= 18; }); // 32,33,40


forEach(function(currentValue, index, arr), thisValue):对数组中的每一项运行给定函数,没有返回。
var numbers = [4, 9, 16, 25]; numbers.forEach(function myFunction(item, index) { console.log(item, index); })


map(function(currentValue,index,arr), thisValue):对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
var numbers = [1, 2, 3, 4, 5]; var mapResult = numbers.map(function(item, index, array) { return item * 2; }); // [2,4,6,8,10]


some(function(currentValue,index,arr), thisValue):对数组中的每一项运行给定函数,如果函数对有一项返回true,则返回true。
var someResult = numbers.some(function(item, index, array) { return (item > 2); }); alert(someResult); // true


find(function(currentValue, index, arr), thisValue):对数组中的每一项运行给定函数,返回符合条件的第一个数组元素,没有则返回undefined。
var ages = [3, 10, 18, 20]; ages.find(function checkAdult(age) { return age >= 18; }); // 18


findIndex(function(currentValue, index, arr), thisValue):对数组中的每一项运行给定函数,返回符合条件的第一个数组元素的位置,没有则返回-1。
var ages = [3, 10, 18, 20]; ages.findIndex(function checkAdult(age) { return age >= 18; }); // 2



fill(填充元素, 开始位置, 停止位置):使用一个固定值来填充数组。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.fill("Runoob"); // Runoob,Runoob,Runoob,Runoob

var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.fill("Runoob", 2, 4); // Banana,Orange,Runoob,Runoob



from(要转换为数组的对象, mapFunction, thisValue):将类数组对象转换为数组,否则返回空数组。
let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c']// ES6的写法 let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

【JS数组方法(包含ES6新增方法)】

includes(指定值, 起始位置(负数表示倒数)):判断一个数组是否包含一个指定的值。
[1, 2, 3].includes(2)// true [1, 2, 3].includes(4)// false [1, 2, NaN].includes(NaN) // true

[1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true


indexOf(item):返回数组中指定元素的位置,没有则返回-1。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); // 2

var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"]; var a = fruits.indexOf("Apple",4); // 6


lastIndex(item):返回一个指定元素在数组中最后出现的位置,没有则没有-1。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.lastIndexOf("Apple"); // 2



isArray():判断一个对象是否为数组
var fruits = ["Banana", "Orange", "Apple", "Mango"]; Array.isArray(fruits); // true



join(str):将数组按照分隔符分隔转换为字符串。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var energy = fruits.join(); // Banana,Orange,Apple,Mango


toString():把数组转换为字符串并返回。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.toString(); // Banana,Orange,Apple,Mango



pop():删除并返回数组的最后一个元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.pop(); // Mango


push():向数组的末尾添加一个或更多元素,并返回新数组的长度。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; console.log(fruits.push("Kiwi")); // 5


shift():删除并返回数组的第一个元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift() // Banana


unshift():向数组的开头添加一个或更多元素,并返回新数组的长度。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); // Lemon,Pineapple,Banana,Orange,Apple,Mango




reduce(function(total, currentValue, currentIndex, arr), initialValue):将数组元素从左到右计算为一个值。
const arr = [1, 2, 3]; const reduceArray = arr.reduce(function(acc, current) { acc.push(current * 2); return acc; }, []) console.log(reduceArray) // [2, 4, 6];


reduceRight(function(total, currentValue, currentIndex, arr), initialValue):将数组元素从右到左计算为一个值。
const arr = [1, 2, 3]; const reduceArray = arr.reduceRight(function(acc, current) { acc.push(current * 2); return acc; }, []) console.log(reduceArray) // [6, 4, 2];



reverse():反转数组中元素的顺序。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.reverse(); // Mango,Apple,Orange,Banana


sort(排序函数):对数组元素进行排序。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); // Apple,Banana,Mango,Orange

var values = [0, 1, 5, 10, 15]; values.sort(function compare(value1, value2) { if (value1 < value2) { return -1; } else if (value1 > value2) { return 1; } else { return 0; } }); alert(values); // 0, 1, 5, 10, 15



valueOf():返回数组对象的原始值。
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var v=fruits.valueOf(); // Banana,Orange,Apple,Mango



concat
slice
splice
copyWithin
entries
keys
values
every
filter
forEach
map
some
find
findIndex
fill
from
includes
indexOf
lastIndex
isArray
join
toString
pop
push
shift
unshift
reduce
reduceRight
reverse
sort
valueOf

转载于:https://www.cnblogs.com/linxian95/p/10444164.html

    推荐阅读