正文
js基础总结03 --操作数组
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
修改于 2019-11-10
1 length:长度
<script>
var arr = [1,2,3,4,5,6,7,8];
console.log(arr.length);//arr.length = 8;
arr.length = 5;//给定数组长度;
console.log(arr);//arr = [1,2,3,4,5];
delete arr[2];//删除arr[2],数组长度不变;
console.log(arr);//arr = [1, 2, empty, 4, 5];
console.log(typeof(arr[2]));//undefined;
console.log(arr.length);
</script>
2 pop,push:方法，把数组相当于一个栈
push(x):向数组尾部压入x，并返回新数组的长度
pop():从尾部弹出一个元素，并返回弹出的元素
<script>
var arr = [1,2,3,4,5];
var number = arr.push(7);//arr.push(9) 相当于 arr[arr.length] = 7;
console.log(arr);//arr = [1,2,3,4,5,7]
console.log(number);//
var num = arr.pop();
console.log(arr);// arr = [1,2,3,4,5]
console.log(num);//
</script>
3 unshift 和 shift 方法，把数组相当于一个队列
unshift(x):向数组头部插入x,并返回数组长度
shift():从头部弹出一个元素，并返回弹出的元素
<script>
var arr = [1,2,3,4,5];
var number = arr.unshift(9);
console.log(arr);// arr = [9,1,2,3,4,5];
console.log(number);//
var num = arr.shift();
console.log(arr);// arr = [1,2,3,4,5];
console.log(num);//
</script>
4 slice 和 splice 方法
slice(x,y):返回数组[x,y),索引位置的片段，左从0开始，右从-1开始，不影响原数组
splice(x,y,[.....]):x:删除的起始位置，y删除的个数（没有y的话，删除起始点开始所有），[...]为要插入数组的所有参数;splice方法改变原数组
<script>
var arr = [1,2,3,4,5];
console.log(arr.slice(1,3));//[2, 3]
console.log(arr);// [1,2,3,4,5]
console.log(arr.slice(1));//[2, 3, 4, 5]
console.log(arr.length);//
console.log(arr.slice(0,-1));//[1, 2, 3, 4]
var arr1 = [1,2,3,4,5,6];
console.log(arr1.splice(1,2));//[2, 3]
console.log(arr1);//[1, 4, 5, 6]
console.log(arr1.splice(0));//[1, 4, 5, 6]
console.log(arr1);//[]
arr1 = [1,6]
console.log(arr1.splice(0,1,1,2,3,'4','5'));//[1]
console.log(arr1);//[1, 2, 3, "4", "5", 6]
</script>
5 join 方法，把数组变为一个字符串（用指定分割符划分）//相反于string.split()方法，它把字符串变为数组
join("x"):将一个数组用x分割符生成一个字符串，join()默认分割符为","，不改变原数组；
<script>
var arr = [1,2,3,4,5];
console.log(arr.join());//1,2,3,4,5
console.log(typeof(arr.join()));//string
console.log(arr.join("-"));//1-2-3-4-5
console.log(arr.join(""));//
console.log(arr);//[1,2,3,4,5]
</script>
6 sort 和 reverse 方法
reverse():在原数组操作，并把元素颠倒，改变原数组
sort(x):不传x：对原数组按字母表顺序排列，undefined排在最后；传x:x一般为一个比较函数，用比较函数的返回值来判定排序，改变原数组
<script>
var arr = [1,3,2,4,5];
console.log(arr.reverse());//[5, 4, 2, 3, 1]
console.log(arr);//改变原数组,arr = [5, 4, 2, 3, 1]
var arr1 = [4,3,2,undefined,1];
console.log(arr1.sort());//[1, 2, 3, 4, undefined]
console.log(arr1);//arr = [1, 2, 3, 4, undefined]
var arr2 = [11,13,12];
function flag(a,b){return a-b};//function(a,b);a为i+1,b为i;当要比较的时候，从中间开始比较
console.log(arr2.sort(flag));//逆序排列，arr2 = [13, 12, 11];
</script>
7 concat 方法
arr.concat(x): 将数组arr中的元素和参数x进行连接并返回连接后的数组，不会影响原先的arr数组
<script>
var arr = [1,2,3,4,5];
console.log(arr.concat(1,'2',3,[4,5],[6,[7,8]]));//[1,2,3,4,5,1,'2',3,4,5,6,[7,8]]
console.log(arr);//[1,2,3,4,5]
</script>
8 Array.from()方法
将类数组和可遍历的对象变成真正的数组
<script>
var oLi = document.querySelectorAll('li');
console.log(typeof(oLi));//object
console.log(Array.from(oLi));//Array(3) [ li, li, li ]
</script>
9 ...rest参数的逆运算，将数组变成参数列
console.log(...[1,2,3,4]); //1 2 3 4
10 find()和findIndex()
查找值或位置，参数为一个判断函数
<script>
var arr =new Array(1,2,3,4,5,6);
console.log(arr.find((i) => { return i==2}))//
console.log(arr.findIndex((i) => { return i==2}))//
</script>
11 entries() , keys() ,values()对数组返回名字相对应的可遍历对象
<script>
var arr =new Array(1,2,3,4,5,6);
console.log([...arr.entries()]);//键值对Array(6) [ (2) […], (2) […], (2) […], (2) […], (2) […], (2) […] ]
console.log([...arr.keys()]);//键 Array(6) [ 0, 1, 2, 3, 4, 5 ]
console.log([...arr.values()]);//值 Array(6) [ 1, 2, 3, 4, 5, 6 ]
</script>
12 for in 和 for of
<script>
var arr =new Array(1,2,3,4,5,6);
for(i in arr){//遍历键
console.log(i);
}//0,1,2,3,4,5
for(i of arr){//遍历值
console.log(i);
}//1,2,3,4,5,6
</script>
13 forEach(function(item,index,array)) 遍历处理函数
<script>
var arr =new Array(1,2,3,4,5,6);
arr.forEach((i) => {console.log(i)});//1,2,3,4,5,6
</script>
