原生js常用的数组方法总结

数组方法的思维

头部

1头部添加一个或则多个元素

 let arry = ['red','yellow','green'];
 arry.unshift('skygreen','hhhhhhh')
 console.log(arry);

2 头部删除 一个元素

   arry.shift();
  console.log(arry);

尾部

1 push() 尾部增加一个或者多个元素

 let arry = ['red','yellow','green'];
 arry.push('blue');
 console.log(arry);

2 pop() 尾部删除一个元素

  arry.pop();
  console.log(arry);

任意

一 截取数组中你想要元素，形成新的数组
1 不穿参数的话是把数组全部截取下来
2 一个参数从当前下标，开始截取
3两个参数，按照索引是包含开始下标，不包含结束的下标
4两个参数是负数的时候，slice(-2,-1),就是从倒数第二个到倒数第一个，但是不包含倒数第一个的索引，如果开始长度大于结束 slice(-1,-2)则结果为空数组
5数据和伪数组的区别是： 伪数组是没有数组方法来进行操作数组的长度

1    let newArry =  arry.slice();
      console.log(newArry);

2     let newArry =  arry.slice(1);
      console.log(newArry);

3      let newArry =  arry.slice(0,2);
        console.log(newArry);

4 let newArry =  arry.slice(-2,-1);
 console.log(newArry);

  4 let newArry =  arry.slice(-1,-2);
 console.log(newArry);

二 splice( index,delete,add,add) 参数1数组下标 参数2删除个数 参数3添加

   var arrySplice = [8,11,22,33,6,9,12]
   arrySplice.splice(0,1,'cook'); 
   console.log(arrySplice);
   arrySplice.splice(0,0,'cook' ,'food'); 
   console.log(arrySplice);

字符串的

1toString()

2concat 拼接数组

 var num1 = [1,5,6,9]
 var num2 = [1,5,6,9]
 var num3 = num1.concat(num2,'qingtian','yutian')
 console.log(num3);

3 join() 转字符串 并进行连接符相隔

  var line = num3.join('----');
  console.log(line);

4 reserve 翻转数组

   var num1 = [1,5,6,9]
            var num2 = [1,5,6,9]
            var num3 = num1.concat(num2,'qingtian','yutian')
            console.log(num3);
            // 把数组通过指定的连接符，转换为字符串
            var line = num3.join('----');
            console.log(line);
            console.log( num3.reverse());

5 sort() 排序

 // ===> 10以内的数字可以进行排序进行递增
 let ary2=[1,2,5,3,6]
 ary2.sort();
console.log(ary2);

let  num  = [9,8,4,44,3,65]
num.sort(function(a ,b ){
// 进行递增的
return a-b;
} );
console.log(num);
num.sort(function(a ,b )
 // 进行递增的
 return b-a;
 } );
console.log(num);