1. 数组变异方法

变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展





push()
往数组最后面添加一个元素，成功返回当前数组的长度




pop()
删除数组的最后一个元素，成功返回删除元素的值


shift()
删除数组的第一个元素，成功返回删除元素的值


unshift()
往数组最前面添加一个元素，成功返回当前数组的长度


splice()
有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除 后想要在原位置替换的值


sort()
sort()  使数组按照字符编码默认从小到大排序,成功返回排序后的数组


reverse()
reverse()  将数组倒序，成功返回倒序后的数组


2. 替换数组
不会改变原始数组，但总是返回一个新数组




filter()
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。




concat()
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组


slice()
slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组，而是返回一个子数组

push()：往数组最后面添加一个元素，成功返回当前数组的长度

pop()：删除数组的最后一个元素，成功返回删除元素的值

shift() ：删除数组的第一个元素，成功返回删除元素的值

unshift()：往数组最前面添加一个元素，成功返回当前数组的长度

splice()：有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除后想要在原位置替换的值（可选）

sort()：使数组按照字符编码默认从小到大排序,成功返回排序后的数组

数组的一些方法
##ES5
push()   往数组的尾部添加一个或者多个元素，返回一个新数组   会修改原数组
pop()     删除数组尾部的最后一个元素，不接受参数，返回删除掉的元素（Nuber类型的数字）
unshift()   在数组头部添加一个或者元素，最后返回添加后的数组长度length（Nuber类型的数字）
shift() ：删除数组头部的第一个元素，后面的元素自动往前顶替，返回删除掉的元素（Nuber类型的数字）
delete运算符能删除指定下标位置的元素,删除后的元素为空位元素,删除数组length保持不变
var arr2 = [1,2,3,4];
delete arr1[2];//删除指定下标的值，当前的值为空，所以数组变成了空位数组 长度不变
console.log(arr1);//[1,2,'',4] length =4

concat()   合并操作 这个方法可以跟随多个参数，能够把传递的所有参数按顺序添加到数组的尾部  返回一个新数组
var a = [1,2,null];var b = [3,undefined,4];var c = [5,'a',6]
var arr= a.concat.(b,7,8,c);
console.log(arr) // [1,2,null,7,8,3,undefined,4,5,'a',6]

#######splice()  截取数组    会修改原数组,会返回删除掉的元素组成的数组
var arr1 = [1,2,3,4,5,6,7];
console.log(arr1.splice(4));//[5,6,7] 传一个参数时则是删除对应下标元素自身到数组末尾，最后返回删除掉的元素数组[5,6,7]
console.log(arr1.splice(1,3));//[2,3,4]  传一个参数时可以看成截取数组，本质时删除，

传递三个以上或多个参数的情况
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EAgplGiI-1606986280643)(C:\Users\86173\Desktop\心得体会\imsge\屏幕截图 2020-11-15 193841.png)]
slice()  仅能够截取数组中指定区段的元素,并返回指定区段元素组成的新数组，不会修改原数组
reverse() 方法能够颠倒数组元素的排列顺序，该方法不需要参数 ，改变原数组，不创建新数组
sort()  接收一个函数作为参数，并按照条件进行排序
toString()和toLocalString()都是把数组转换成字符串,主要区别看代码
var arr = ["1.00",22222245678989,3,4,"a"];
console.log(arr.toLocaleString());//1.00  ,22,222,245,678,989  ,3,4,a
console.log(arr.toString());//1.00 ,22222245678989  ,3,4,a

join() 方法可以把数组转换为字符串,不过它可以指定分隔符,调用join方法时传参，
var arr = ['1',2,'c',4,5,null]
console.log(arr.join())//不传参时 1 1,2,c,4,5, 数组中有null就是空 length=6
console.log(arr.join("-"))//  1-2-c-4-5-
console.log(arr.join(""))//12c45

isArray()  判断某个值是否是数组
var  a = "123", b = [6,2,3,4];
console.log(Array.isArray(a));//false
console.log(Array.isArray(b));//true

#####every()方法检测是否全部符合
every()  和forEach()用法一样不同的是最终返回的是布尔值 ；根据条件有一个不满足条件则返回false 则every()方法停止执行最终返回false，除非全部返回true时every()方法才会返回true   （全部为真则为真）
#####some()检测是否存在
some()和every()方法用法相同，但是最终返回布尔值的条件有所不同 ，只要有一个元素只要满足指定的条件则最总结果返回true(一真即真)
every() & some() 案列
//every方法 检测数组中元素的值是否都在指定的范围内，返回值用一个对象设置
var obj = {max:20,min:10};
var arr = [12,13,19];
var isScope = arr.every(function(item){
    if(typeof item !== "number"){
        return false
    }else{
    //this指向第二参数obj
    return item>=this.min && item <=this.max
    }
},obj)
//some方法 
var arr = [18,19,20,21,30,11,14,19,40];b={max:18}
var isTrue = arr.some(function (item,index,array) {
    return item < this.max;
},b)


for/in 方法
var arr = ['a','b','c',' ','e']
for(var j in arr){
    console.log(j,arr[j]);//a b c e  直接跳过空元素
}

Object.keys() 方法
var arr = ["a","b","c",,"d"];
console.log(Object.keys(arr));//["0", "1", "2", "4"]

##ES6
Array.from()   把伪数组转换成数组(可以使用数组的方法)
Array.of()    将一组数字转换成数组 弥补Array的不足
let oLis = document.getElementsByTagName("li");//伪数组
console.log(Array.from(oLis));//oLis [li,li,li,li]
let arr1 = Array.of(1, 2, 3, 4);
console.log(arr1);[1,2,3,4]

copyWithin()  方法接收3个参数:该方法不仅可以改变原数组，还可以返回一个新数组；新数组和原数组一摸一样
​				第一参数代表从该下标开始替换数据，包括自身也被替换，如果为负值，表示倒数length
​			   第二 个参数代表从该下标位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算length,如果不写代表替换到末尾
​				第三个参数代表该下标位置前一个停止读取数据，默认等于数组长度。如果为负值，表示从末尾开始计算。
let arr = [1, 2, 3, 4, 5, 6, 7, 8];
//从下标4开始读取一直读取到下标6前面一个，然后从下标0开始替换元素
var a = arr.copyWithin(0, 4, 6);//0 代表下标0 ; 4代表下标4  6代表下标6
console.log(a,arr);//[5, 6, 3, 4, 5, 6, 7, 8]

fill() 填充数组
​		用于空数组的初始化非常方便。数组中已有的元素，会被全部抹去。
​		还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。
let arr2 = [1, 2, 3, 4, 5, 6, 7, 8];
//从下标1开始替换到下标2前面一个，替换为7
const a=['a', 'b', 'c'].fill(7, 1, 2)
sonsole.log(a)//['a', 7, 'c']

find()	 数组实例方法，用于找出第一个符合条件的数组成员，返回值就是这第一个符合自定义筛选条件为true的数组成员
findIndex（）和find用法原理一摸一样不同的时返回值时下标
let arr4 = [1,'t', "undefined", 0, "e"];
let result = arr4.find(function (item, index, arr) {
    return typeof item == "string"
})
console.log(result); // t

flat()  拉平数组
let arr = [1, 2, [3, 4]]; console.log(arr.flat(Infinity))

entries()  方法
const arr1 = ["a", "b", "c", "d", "e"];
const iter = arr1.entries(); //返回的是一个iterator（遍历器对象）对象遍历器对象有一个next方法，可以依次遍历iterator中的内容
 console.log(iter.next());1//done:false   value [0 : 'a'] 
	...
 console.log(iter.next());5
 console.log(iter.next());6//done:true   value unedfined
 	...
 for (let i of arr1.entries()) {
     console.log(i) //[key : value] = [0 : 'a'] 
 }

keys()  返回的是下标
let arr3 = ["a", "b", "c", "d", "e"];
for (a of arr3.keys()) {
    console.log(a);//返回的是下标 0,1,2,3,4,5
}

values()  返回的当前的值value
let arr3 = ["a", "b", "c", "d", "e"];
for (item of arr3.values()) {
    console.log(item); // a b c d e
}

push()：往数组最后面添加一个元素，成功返回当前数组的长度
pop()：删除数组的最后一个元素，成功返回删除元素的值
shift() ：删除数组的第一个元素，成功返回删除元素的值
unshift()：往数组最前面添加一个元素，成功返回当前数组的长度
splice()：有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除后想要在原位置替换的值（可选）
sort()：使数组按照字符编码默认从小到大排序,成功返回排序后的数组
reverse()：将数组倒序，成功返回倒序后的数组