方法 描述
toString() 吧数组转换为字符串并返回结果
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
concat() 连接两个或更多的数组，并返回结果。
pop() 删除并返回数组的最后一个元素
push() 向数组末尾添加一个或更多元素,并返回新的长度
shift() 删除并返回数组的第一个元素
unshift() 像数组的开头添加一个或更多元素,并返回新的长度
slice() 从某个已有的数组返回指定的元素
splice() 删除元素, 并向数组添加新元素
reverse() 颠倒数组中的元素的顺序
sort() 对数组的元素进行排序
valueOf() 返回数组对象的原始值
------------- ------------------
arr.forEach(callback) 遍历，循环 ( 对于空数组不会执行回调函数) 无return 即使有return，也不会返回任何值，并且会影响原来的数组
arr.map(callback) 映射数组(遍历数组),有return 返回一个新数组
arr.filter(callback) 过滤数组，返回一个满足要求的数组
arr.every(callback) 依据判断条件，数组的元素是否全满足，若满足则返回true
arr.some() 数组的元素是否有一个满足，若有一个满足则返回true
arr.reduce(callback, initialValue) 迭代数组的所有项，累加器，数组中的每个值（从左到右）合并，最终计算为一个值
Array.from() 将伪数组变成数组，就是只要有length的就可以转成数组。 ---es6
Array.of() 将一组值转换成数组，类似于声明数组 ---es6
arr.find(callback) 找到第一个符合条件的数组成员
arr.findIndex(callback) 找到第一个符合条件的数组成员的索引值
arr.includes() 判断数中是否包含给定的值
arr.keys() 遍历数组的键名
arr.values() 遍历数组键值
arr.entries() 遍历数组的键名和键值
- toString()
JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.toString(); // "Banana,Orange,Apple,Mango"
- join()
将所有数组元素结合为一个字符串。
可以规定分隔符
var fruits = ["Banana", "Orange","Apple", "Mango"];
fruits.join(" --- "); // "Banana --- Orange --- Apple --- Mango"
- concat()
合并数组
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var myChildren = arr1.concat(arr2, ["Robin", "Morgan"]); // ["Cecilie", "Lone", "Emil", "Tobias", "Linus", "Robin", "Morgan"]
- pop()
从数组中删除最后一个元素：(改变原数组)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop(); // "Mango"
fruits // ["Banana", "Orange", "Apple"]
- push()
在数组结尾处 向数组添加一个新的元素：(改变原数组)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi"); // 5 新数组的length
fruits // ["Banana", "Orange", "Apple", "Mango", "Kiwi"]
- shift()
删除数组首个元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); // "Banana"
fruits // ["Orange", "Apple", "Mango"]
- unshift()
向数组开头添加新元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon"); // 向 fruits 添加新元素 "Lemon"
fruits // ["Lemon", "Banana", "Orange", "Apple", "Mango"]
- slice()
用数组的某个片段切出新数组。(原数组不变)
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
- splice()
向数组添加新项：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1, "Lemon", "Kiwi"); // ["Apple"]
fruits // ["Banana", "Orange", "Lemon", "Kiwi", "Mango"]
第一个参数（2）定义了应添加新元素的位置（拼接）。
第二个参数（0）定义应删除多少元素。
其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。
splice() 方法返回一个包含已删除项的数组：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1); // ["Banana"]
fruits // ["Orange", "Apple", "Mango"]
第一个参数（0）定义新元素应该被添加（接入）的位置。
第二个参数（1）定义应该删除多个元素。
其余参数被省略。没有新元素将被添加。
- reverse()
- reduce
迭代数组的所有项，累加器，数组中的每个值（从左到右）合并，最终计算为一个值
let arr = [{done: true,name: '11'},{done: true,name: '22'},{done: false,name: '33'},{done: true,name: '44'}]
var sum = arr.reduce((it) => {return it.done})
var sum = arr.reduce((pre, current) => {return pre+(current.done ? 1 : 0)}, 0)
sum // 3
delete 运算符
delete 删除之后位置还在内容是undefined,length 不变
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0]; // 把 fruits 中的首个元素改为 undefined
数组的方法面试很容易被问到. reduce sort
点击按钮计算数组所有元素相加的总和。
<button onclick="numbers.forEach(myFunction)">点我</button>
<p>数组元素总和：<span id="demo"></span></p>
<script>
var sum = 0;
var numbers = [65, 44, 12, 4];
function myFunction(item) {
sum += item;
demo.innerHTML = sum;
}
</script>
demo
Array.map()
此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组
let arr = [1, 2, 3, 4, 5]
let newArr = arr.map(x => x*2)
//arr= [1, 2, 3, 4, 5] 原数组保持不变
//newArr = [2, 4, 6, 8, 10] 返回新数组
Array.forEach()
此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方法区分
let arr = [1, 2, 3, 4, 5]
num.forEach(x => x*2)
// arr = [1, 2, 3, 4, 5] 数组改变,注意和map区分
Array.filter()
此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回
let arr = [1, 2, 3, 4, 5]
const isBigEnough = value => value >= 3
let newArr = arr.filter(isBigEnough )
//newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组
Array.every()
此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false：
let arr = [1, 2, 3, 4, 5]
const isLessThan4 = value => value < 4
const isLessThan6 => value => value < 6
arr.every(isLessThan4 ) //false
arr.every(isLessThan6 ) //true
Array.some()
此方法是将所有元素进行判断返回一个布尔值，如果存在元素都满足判断条件，则返回true，若所有元素都不满足判断条件，则返回false：
let arr= [1, 2, 3, 4, 5]
const isLessThan4 = value => value < 4
const isLessThan6 = value => value > 6
arr.some(isLessThan4 ) //true
arr.some(isLessThan6 ) //false
Array.reduce()
此方法是所有元素调用返回函数，返回值为最后结果,传入的值必须是函数类型：
let arr = [1, 2, 3, 4, 5]
const add = (a, b) => a + b
let sum = arr.reduce(add)
//sum = 15 相当于累加的效果
与之相对应的还有一个 Array.reduceRight() 方法，区别是这个是从右向左操作的
Array.push()
此方法是在数组的后面添加新加元素，此方法改变了数组的长度：
Array.pop()
此方法在数组后面删除最后一个元素，并返回数组，此方法改变了数组的长度：
let arr = [1, 2, 3, 4, 5]
arr.pop()
console.log(arr) //[1, 2, 3, 4]
console.log(arr.length) //4
Array.shift()
此方法在数组后面删除第一个元素，并返回数组，此方法改变了数组的长度：
let arr = [1, 2, 3, 4, 5]
arr.shift()
console.log(arr) //[2, 3, 4, 5]
console.log(arr.length) //4
Array.unshift()
此方法是将一个或多个元素添加到数组的开头，并返回新数组的长度：
let arr = [1, 2, 3, 4, 5]
arr.unshift(6, 7)
console.log(arr) //[6, 7, 1, 2, 3, 4, 5]
console.log(arr.length) //7
Array.isArray()
判断一个对象是不是数组，返回的是布尔值
Array.concat()
此方法是一个可以将多个数组拼接成一个数组：
let arr1 = [1, 2, 3]
arr2 = [4, 5]
let arr = arr1.concat(arr2)
console.log(arr)//[1, 2, 3, 4, 5]
Array.toString()
此方法将数组转化为字符串：
let arr = [1, 2, 3, 4, 5];
let str = arr.toString()
console.log(str)// 1,2,3,4,5
Array.join()
此方法也是将数组转化为字符串：
let arr = [1, 2, 3, 4, 5];
let str1 = arr.toString()
let str2 = arr.toString(',')
let str3 = arr.toString('##')
console.log(str1)// 12345
console.log(str2)// 1,2,3,4,5
console.log(str3)// 1##2##3##4##5
```
通过例子可以看出和toString的区别，可以设置元素之间的间隔~
#15.Array.splice(开始位置， 删除的个数，元素)
万能方法，可以实现增删改：
let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素
网友评论