JS数组常用方法总结


1、push()方法

var arr = ["孙某某","唐某某","宋某某"];
/**
 * push()
 *   -该方法可以向数组的末尾添加一个或多个元素,并返回数组新的长度
 *   -可以将要添加的元素作为方法的参数传递,
 *     这样这些元素将会自动添加到数组的末尾
 *   -该方法会将数组新的长度作为返回值返回
 * */
var result = arr.push("田某某","严11","杨22","333");
//console.log(arr);
 //console.log("result ="+result);

2、pop()方法

 /**
  * pop()
  *  -该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
  * */
  var result = arr.pop();
  //console.log(arr);
  //console.log("result ="+result);

3、unshift()方法

/**
  * unshift()
  *  -向数组的开头添加一个或多个元素,并返回新的数组长度
  *  -向前边插入元素以后,其他的元素索引会依次调整
  * */
  //console.log(arr);
  arr.unshift("123","789");
  console.log(arr);

4、shift()方法

/**
  * shift()
  *  -可以删除数组第一个元素,并将被删除的元素作为返回值返回
  * */
 result = arr.shift();
 result = arr.shift();
 console.log(arr);
 console.log("result ="+result);

5、slice()方法

var arr = ["孙某某","唐某某","宋某某","123","789"];
/**
 * slice()
 * -可以用来从数组中提取指定元素(切片)
 * -该方法不会改变原数组,而是将截取到的元素封装到一个新数组中返回
 * -参数:1.截取开始的位置的索引,包含开始索引
 *       2.截取结束的位置的索引,不包含结束索引
 *          -第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
 *          -索引可以传递一个负值,如果传递一个负值,则从后往前计算
 * 、           -1倒数第一个
 *              -2倒数第二个
 * */
 var result = arr.slice(1,4);
 result = arr.slice(3);
 result = arr.slice(1,-2);
 // console.log(arr);
 // console.log(result);

6、splice()方法

/**
 * splice()
 * -可以用来删除数组中的指定元素
 * -可以用来在数组指定位置中增加元素
 * -使用splice()会影响到原数组,会将制定元素从原数组中删除,
 *  并将被删除的元素作为返回值返回
 * -参数:第一个,表示开始位置的索引
 *       第二个,表示删除的数量
 *       第三个及以后,可以传递一些新的元素,
 *       这些元素将会自动插入到开始位置索引前面
 * */
 var arr = ["孙某某","唐某某","宋某某","123","789"];
 var result = arr.splice(3,0,"qqq","www","eee");
 console.log(arr);
 //console.log(result);

7、contact()方法

var arr = ["孙某某","唐某某","宋某某"];
var arr2 = ["123","789","456"];
var arr3 = ["qqq","www","eee"];
/**
 * concat()可以连接两个或多个数组,并将新的数组返回
 * -该方法不会对原数组产生影响
 * */
 var result = arr.concat(arr2,arr3,"米老鼠","唐老鸭");

8、join()方法

/**
 * join()该方法可以将数组转换为一个字符串
 * -该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回
 * -在join中可以指定字符串作为参数,这个字符串将会成为数组中元素的连接符
 *  如果不使用连接符,默认使用,作为连接符
 * */
 var arr = ["孙某某","唐某某","宋某某"];
 result = arr.join("");
 //console.log(arr);
 //console.log(result);

9、reverse()方法

/**
 * reverse()
 * -该方法用来反转数组(前边的去后边,后边的去前边)
 * -该方法会直接修改原数组
 * */
 var arr = ["孙某某","唐某某","宋某某","唐老鸭"];
 arr.reverse();
 //console.log(arr);
 
 var arr = ["b","d","e","a","c"];

10、sort()方法

/**
 * sort()
 * -可以用来对数组中的元素进行排序
 * -也会影响原数组,默认会按照Unicode编码进行排序
 * */
 //arr.sort();
 //arr.reverse();
 /**
  * 即使对于纯数字的数组,使用sort()排序时也会按照Unicode编码进行排序,
  * 所以对于数字进行排序时,可能会得到错误的结果
  * 
  * 我们可以自己指定排序规则
  * 我们可以在sort()中添加一个回调函数,来指定排序规则
  *   回调函数中需要定义两个形参,
  * 浏览器将会分别使用数组中的元素作为实参去调用回调函数
  * 他使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前面
  * 浏览器会根据回调函数的返回值来决定元素的顺序,
  * 
  * 如果返回一个大于0的值,则元素会交换位置
  * 如果返回小于0的值,则元素位置不变
  * 如果返回一个0,则认为两个元素相等,也不交换位置
  * 
  * -如果需要升序排列,则返回a-b,如果需要降序排列,则返回b-a
  * */
 arr = [5,4];
 arr.sort(function(a,b){
     //a在前
     if(a > b){
         return -1;
     }else if(a < b){
         return 1;
     }else{
         return 0;
     }
 });
 console.log(arr);

11、forEach()

/**
 * 一般使用for循环遍历数组
 * JS中还为我们提供了一个方法,用来遍历数组
 * forEach()
 * -这个方法只支持IE8以上的浏览器,IE8及以下的浏览器均不支持该方法,
 *  所以如果需要兼容IE8,还是使用for循环
 * */
 //创建一个数组
 var arr = ["孙某某","唐某某","宋某某","123"];
 /**
  * forEach()方法需要一个函数作为参数
  * -像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
  * -数组中有几个元素,函数就执行几次,每次执行时,
  *  浏览器会将遍历到的元素以实参的形式传递进来,我们可以来定义形参来读取这些内容
  * -浏览器会在回调函数中传递三个参数,
  *  第一个参数,就是当前正在遍历的元素
  *  第二个参数,就是当前正在遍历的索引
  *  第三个参数,就是正在遍历的数组
  * */
 arr.forEach(function(value,index,obj){
     console.log(value);

注意对比map()方法:

  • map和forEach的行为相似

  • map()返回新的数组,不会改变原来的数组;

  • forEach()原地操作,会改变原来数组


文章作者: Yuukyou
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Yuukyou !
评论
  目录