JS——数组常用的方法

1.添加或删除数组

方法名	说明	返回值
push(参数1,…)	在原数组后面追加元素	返回新数组的长度
pop()	删除数组最后一个元素，数组长度-1，无参数	返回删除的元素
unhshift(参数1,…)	在原数组前面追加元素	返回新数组的长度
shift()	删除原数组的第一个元素，数组长度-1，无参数	返回第一个元素
splice(索引号，个数)	从索引号开始删除，删除几个	返会删除的元素
splice(索引号,0,‘参数’)	索引号后面添加参数	返回空数组

规律： 增加元素一般返回新数组的长度，删除元素则返回删除的元素。而splice的增加是返回空数组。

// push()
var arr = [1,2,3];
console.log(arr.push('a','b')); //5 返回的是新数组长度
console.log(arr);               //[1,2,3,a,b]
// 同理unshift()
var arr = [1,2,3];
console.log(arr.unshift('a','b')); //5
console.log(arr);                  //[a,b,1,2,3]

// pop()
var arr = ['a','b','c'];
console.log(arr.pop()); //c 返回的是删除的元素 一次只能删一个
console.log(arr);       //[a,b]
// 同理shift()
var arr = ['a','b','c'];
console.log(arr.shift()); //a
console.log(arr);         //[b,c]

// splice()
var arr = ['a','b','c'];
console.log(arr.splice(1,1)); // b
console.log(arr);             // [a,c]

var arr = ['a','b','c'];
console.log(arr.splice(1,0,'d')) // []
console.log(arr);                // [a,b,d,c]

2.数组转换为字符串

方法名	说明	返回值
toString()	逗号分隔每一项	返回一个字符串
join(‘分隔符’)	分隔符分隔每一项，若不加 ‘分隔符’ ，则默认为逗号，即与toString()一样	返回一个字符串

var arr = [1, 2, 3];
console.log(arr.toString()) // 1,2,3  string
console.log(arr.join())     // 1,2,3  string
console.log(arr.join(''))   // 123    string
console.log(arr.join('-'))  // 1-2-3  string

3.翻转数组 reverse()

var arr = [1,2,3]
console.log(arr.reverse()) // [3,2,1]

4.冒泡排序 sort()

单独使用.sort()时，即没有参数。
判断个位数的大小，可以从小到大排序；
但是数值是多位数的时候，它的判断方式却变了，它先比较第一位数，再比较第二位…
所以下面案例中的排序是 1，13，4，7，77。

var arr1 = [1,4,7,3];
arr1.sort();
console.log(arr1); // [1,3,4,7]
var arr2 = [13,1,7,4,77];
arr2.sort();
console.log(arr2); //[1,13,4,7,77]

要想按照从小到大的排序，有以下模板：
arr.sort(function(a,b){
return a-b;//升序
});
从小到大：
arr.sort(function(a,b){
return b-a;//降序
});
注意：sort的括号是 括 整个函数的，最后记得加分号

var arr1 = [13,1,7,4,77];
arr1.sort(function(a,b){
	return a-b；//升序
});
console.log(arr1); //[1,4,7,13,77]
var arr2 = [13,1,7,4,77];
arr2.sort(function(a,b){
	return b-a；//降序
});
console.log(arr2); //[77,13,7,4,1]

5.填充数组 fill()

arr.fill() 是 ES6 的新方法。
fill() 方法用于将一个固定值替换数组的元素。

语法： array.fill(value, start, end)
参数

value 必需。填充的值。
start 可选。开始填充位置。
end 可选。停止填充位置 (默认为 array.length)
填充是从 start 位置开始，到 end-1 位置结束，不包含end位置.

let arr1 = [0, 1, 2, 3, 4, 5, 6, 7, 8];
arr1.fill(9, 2, 5);
console.log(arr1)  // [0, 1, 9, 9, 9, 5, 6, 7, 8]
let arr2 = [0, 1, 2, 3, 4, 5, 6, 7, 8];
arr2.fill(9);
console.log(arr2)  // [9, 9, 9, 9, 9, 9, 9, 9, 9]
let arr3 = [0, 1, 2, 3, 4, 5, 6, 7, 8];
arr3.fill(0, 4);
console.log(arr3)  // [0, 1, 2, 3, 9, 9, 9, 9, 9]

6.替换 copyWithin()

arr.fill() 是 ES6 的新方法。

let arr1 = [0, 1, 2, 3, 4]
arr1.copyWithin(0,2,3)
console.log(arr1)  // [2, 1, 2, 3, 4]
let arr2 = [0, 1, 2, 3, 4]
arr2.copyWithin(1,-2,-1)
console.log(arr2)  // [0, 3, 2, 3, 4]

7.截取数组 slice

slice(start, end) 返回截取的数组，原数组不改变
start: 必需。从start开始截取，负数表示倒数；
end: 可选。不包含end。默认为arr.length。负数表示倒数。

let arr1 = [0, 1, 2, 3, 4]
console.log(arr1.slice(0,2)) // [0, 1]
console.log(arr1)  // [0, 1, 2, 3, 4]

8.遍历数组 map、forEach

都不会改变原数组。
如何使用：当你遍历数组想要返回一个新的数组时使用map，如果你仅仅想遍历这个数组而不想返回一个新数组那么使用forEach。

map方法
1.map方法返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。
2.map方法不会对空数组进行检测，map方法不会改变原始数组。

array.map(function(item,index,arr){},thisValue)
 
var arr = [0,2,4,6,8];
var newArr = arr.map(function(item,index,arr){
    console.log(this); //window
    console.log("原数组arr:",arr); // 注意这里执行5次[0,2,4,6,8]
    return item/2;
},this);
console.log(newArr);// [0,1,2,3,4]
console.log(arr) // [0,2,4,6,8]

forEach方法
1.forEach方法用来调用数组的每个元素，将元素传给回调函数
2.forEach对于空数组是不会调用回调函数的。
3.无论arr是不是空数组，forEach返回的都是undefined。 这个方法只是将数组中的每一项作为callback的参数执行一次。

Array.forEach(function(item,index,arr){},this)

var arr = [0,2,4,6,8];
var sum = 0;
var str = arr.forEach(function(item,index,arr){
    sum += item;
    console.log("sum的值为：",sum); // 5次：0 2 6 12 20
    console.log(this); //window
},this)
console.log(sum); // 20
console.log(str); // undefined
console.log(arr)  // [0,2,4,6,8]

10.判断 every()、some()

ES6新增的数组方法。
every：一假即假。必须所有都返回true才会返回true，哪怕只有一个false，就会返回false。
some：一真即真。只要其中一个为true 就会返回true的。
但是，有一点：如果every遇到一个false就不再往下走了，同理，some只要遇到一个true就不再往下走。

every、some跟函数：
arr.every(function(item, [index], [array] ){… return …})

let arr1 = [0, 1, 2, 3, 4]
let result = arr1.every(function(item) {
  console.log(item) // 0 1 不再往下走了
  return item < 1
})
console.log(result) // false

let arr1 = [0, 1, 2, 3, 4]
let result = arr1.some(function(item) {
  console.log(item)  // 0 1 2
  return item > 1
})
console.log(result)  // true

11.高阶函数 filter、map、reduce

JS——高阶函数.

是否会改变原数组

项目	方法
改变原数组	splice()、reverse()、fill()、copyWithin()、sort()、push()、pop()、unshift()、shift()
不会改变原数组	slice()、map()、forEach()、every()、some()、filter()、reduce()、entries()、find()、concat()