-
一、创建数组
创建数组方式:
- 利用字面量创建数组:let Arr=[ ];//空数组,如果[ ]传入值代表数组元素。
- 利用构造函数创建数组:let Arr=new Array();//空数组,如果()里面只传入一个值(比如2,表示创建一个长度为2的数组),如果里面传入多个值,则表示数组的元素。
二、添加数组元素
- 可以利用索引号在数组末尾进行添加新元素(arr[x]=’ ‘,x为任意数值,添加新元素后,原来的数组长度增大为x)
1 let arr=new Array('red','balck','pink'); 2 console.log(arr.length);//3 3 arr[3]='blue'; 4 console.log(arr);//['red', 'balck', 'pink', 'blue']
-
调用.push()方法,在数组末尾进行添加新元素,返回的是数组长度
1 let arr=new Array('red','balck','pink'); 2 let newArray=arr.push('black');//4 3 console.log(arr);//['red', 'balck', 'pink', 'black']
- 调用.unshift()方法,在数组首位进行添加新元素,返回的是数组长度
1 let arr=new Array('red','balck','pink'); 2 let newArray=arr.unshift('black'); 3 console.log(arr);//['black','red', 'balck', 'pink']
三、删除数组元素
- 利用数组长度进行删除数组元素;
- 调用.pop()方法,删除数组末尾的元素,返回的是删除的那个元素
1 let arr = new Array('red', 'balck', 'pink'); 2 console.log(arr.pop());//返回的是删除的那个数组元素pink 3 console.log(arr);// ['red', 'balck']
- 调用shift()方法,删除数组首位的元素,返回的是删除那个元素
1 let arr = new Array('red', 'balck', 'pink'); 2 console.log(arr.shift());//返回的是删除的那个数组元素red 3 console.log(arr);// ['balck', 'pink']
- 调用.splice()方法,里面传入两个参数,第一个是从什么地方开始,第二个是要删除的个数。
四、数组排序
- .reverse()方法,进行数组翻转 1 let arr = new Array(‘red’, ‘balck’, ‘pink’); 2 arr.reverse(); 3 console.log(arr)
- .sort()方法,进行冒泡排序
1 let arr = new Array(1,5,3,4,88,16); 2 arr.sort(function(a,b){ 3 // 升序排序 4 return a-b; 5 // 降序排序 6 // return b-a; 7 }) 8 console.log(arr);
五、数组索引
- .indexOf()方法,从首位开始查找数组元素的第一个索引号
- .
- lastIndexOf()方法,从末尾开始查找元素的索引号 1 let arr = new Array(‘red’, ‘black’, ‘pink’,’black’); 2 console.log(arr.lastIndexOf(‘black’));//3
六、数组转换成字符串
- .toString()方法;
- .join(‘分隔符’) 1 let arr = new Array(‘red’, ‘black’, ‘pink’); 2 console.log(arr.join(‘-‘));//red-black-pink
七、数组去重案例
1 function uniqueArr(arr) { 2 var newArr = []; 3 for (var i = 0; i < arr.length; i++) { 4 if (newArr.indexOf(arr[i]) === -1) { 5 newArr.push(arr[i]); 6 } 7 //核心就是等于-1就表明数组元素没有出现过,即是不存在,放进新数组里面,从而进行筛选重复数组元素 8 } 9 return newArr; 10 } 11 var demo = uniqueArr(['blue', 'green', 'blue','pink']); 12 console.log(demo);
原创文章,作者:306829225,如若转载,请注明出处:https://blog.ytso.com/273604.html