Web前端之路

浅谈数组的基本方法

2019-12-10  本文已影响0人  da8368ed57bd
  1. push() 从后面推;表示从数组的尾部添加元素 原数组发生变化,返回值为加入新元素之后数组的总长度
var arr1 = [1,2,3,4,5,6,7,8];
var a1 = arr1.push(9,10,'1-10之间的数');
console.log(a1,arr1);
  1. pop() 从数组的尾部删除一个元素 原数组发生改变,返回值为删除的元素 不接受参数,括号里面写参数没意义,也就是说只能删除一个元素
var arr2 = [1,2,3,4,5,6,7,8,9,10];
var a2 = arr2.pop();
console.log(a2,arr2);
  1. unshift() 把参数添加到数组的头部 原数组发生改变,返回值为新数组的长度
var arr3 = [2,3,4,5,6,7,8,9,10];
var a3 = arr3.unshift(0,1);
console.log(a3,arr3);
  1. shift() 从数组头部删除一个元素 返回删除的元素,原数组发生改变 不接受参数,括号里面写参数没意义,也就是说只能删除一个元素
var arr4 = [0,1,2,3,4,5,6,7,8,9,10];
var a4 = arr4.shift();
console.log(a4,arr4);
  1. 截取类的添加与删除的方法
var arr5 = [0,1,2,3,4,5,6,7,8,9,10];
var a51 = arr5.slice(5);  
//一个参数表示从该索引所在的元素开始截取,直到数组结束   原数组不发生改变   返回值为截取的数组元素
console.log(a51,arr5);
var a52 = arr5.slice(5,10);   
//两个参数:第一个表示从该索引的位置开始截取,直到第二个数值结束,不包括第二个参数对应索引位置上的元素   返回值为截取的元素   原数组不发生改变
console.log(a52,arr5);
var arr6 = [0,1,2,3,4,5,6,7,8,9,10];
// var a61 = arr6.splice(5);   //一参数表示从对应的索引位置开始截取,直到数组结束   原数组发生改变   返回值的截取的数组
// console.log(a61,arr6);   //原数组发生改变,所以要注释掉,以免影响后续代码的实现
// var a62 = arr6.splice(5,2);   //两个参数:第一个表示从对应的索引位置开始截取,第二个表示截取的长度   原数组发生改变   返回值为截取的元素
// console.log(a62,arr6);
var a63 = arr6.splice(5,5,'哈哈');
console.log(a63,arr6);   //三个参数:第一个为从对应位置的索引开始截取,第二个表示截取长度,第三个表示从截取的起始位置添加后续的元素   返回值为截取的元素   原数组发生改变

6.reverse 翻转数组

var arr7 = [0,1,2,3,4,5,6,7,8,9,10];
var a7 = arr7.reverse();   
// 原数组发生改变   不接收参数   返回值为翻转之后的数组
console.log(a7,arr7);

7.sort 从小到大排列数组

var arr8 = [10,9,8,7,6,5,4,3,2,1,0];
var a8 = arr8.sort();   
// 原数组发生改变   不接收数值  返回值为排序之后的数组   注意是根据个位数进行排序对的
console.log(a8,arr8);

8.join 将数组转换成字符串 以参数来进行拼接

var arr9 = [0,1,2,3,4,5,6,7,8,9];
var a9 = arr9.join(''); 
// 原数组不发生变化   括号里面的数值为拼接方式
console.log(a9,arr9);

9.cancat 用于连接两个或者多个数组

var arr10 = [1,2,3];
var arr11 = [4,5,6];
var a10 = arr10.concat(arr11);   
//原数组不发生变化   该句的意思为:让arr10和arr11进行拼接
console.log(a10,arr10,arr11);
上一篇下一篇

猜你喜欢

热点阅读