js中常用数组的方法

js中常用数组的方法

一、数组常用方法：

1、push（ ）向数组中添加数据；
语法：数组.push(要添加的数据)；加粗样式

var arr=["你好"]；
var res=arr.push("世界")；
	console.log(arr);     // "你好" "世界"
	console.log(res);    //2

直接改变原数组；
添加的数据是放在数组的最后一位；
返回值：添加过后数组的长度；

2、pop ( ) 删除数组的最后一位数据
语法：数组.pop()；

 var arr=[1,2,3,4];
 var res=arr.pop();
	console.log(arr);//[1,2,3]
	console.log(res);//4

直接改变原始数据；
删除数组最后一个数据；
返回值：被删除的那个数据；

3、unshift ( )向数组最前面添加数据
语法：数组.push();

 var arr=["你好"];
 var res=arr.unshift("西北");
        console.log(arr);//["西北", "你好"]
        console.log(res);//2

直接改变原数组；
添加在数组的最前面；
返回值：改变后数组的长度；

4、shift（）删除数组最前面的数据
语法：数组.shift()

var arr=["hello","你好","上海"];
var res=arr.shift();
        console.log(arr);//["你好", "上海"]
        console.log(res);//hello;

直接改变原始数组；
删除数组最前面的数据；
返回值：删除的数据；

5、concat （ ）对数组进行拼接
语法：数组.concart( 要拼接的内容)；

var arr=["你好","欢迎","你"];
var res=arr.concat(["来到","西北"],["的博客"]);
      console.log(arr);//["你好", "欢迎", "你"]
      console.log(res);//["你好", "欢迎", "你", "来到", "西北", "的博客"]

不改变原始数组；
返回值是拼接过后的数组；

6、splice（）对数组进行截取
语法：数组.splice（开始的索引，截取的个数）

var arr=["你好","欢迎","你"];
var res=arr.splice(1,2);
        console.log(arr);//["你好"]
        console.log(res);//["欢迎","你"]

直接改变原始数组；
返回值：以数组的形式返回截取出来的内容（不管截取多少个内容，都是以数组的形式返回）；

splice的使用方式2：

 var arr=["你好","欢迎","你"];
 var res=arr.splice(1);
        console.log(arr);//["你好"]
        console.log(res);//[ ] 

第二个参数不写，是从哪一个索引开始截取到数组的末尾。
splice的使用方式3：

var arr=["你好","我是","王西北"];
var res=arr.splice(1,2,"我叫","九八k少女");
       console.log(arr);// ["你好", "我叫", "九八k少女"]
       console.log(res);// ["我是", "王西北"]

从第三个参数开始，都是替换掉截取的位置；

7、reverse () 发反转后的数组
语法：数组.reverse( )

var arr=[1,2,3,4,5];
var res=arr.reverse();
		 console.log(arr);//[5,4,3,2,1]
		 console.log(res);//[5,4,3,2,1]

直接改变原数组；
返回值：反转后的数组；
8、sort ( )数组的排序
语法：数组.sort（）
第一种使用方式：排序方式是按照一位一位来排列

var arr=[1,21,43,14,15,26,27,18,111];
var res=arr.sort();
        console.log(arr);[1, 111, 14, 15, 18, 21, 26, 27, 43]
        console.log(res);[1, 111, 14, 15, 18, 21, 26, 27, 43]

直接改变原始数组；
返回值：排序好的数组；

第二种使用方式：按照数字大小来排列
语法：数组.sort（function(a,b){a-b }）
a-b:升序
b-a：降序

var arr=[1,21,43,14,15,26,27,18,111];
var res=arr.sort(function(a,b){
                return b-a;
            });
          console.log(arr);//[111, 43, 27, 26, 21, 18, 15, 14, 1]
          console.log(res);//[111, 43, 27, 26, 21, 18, 15, 14, 1]

直接改变原始数组；
返回值：排序好的数组；

9、join（）把数组连接成字符串
语法：数组.join（以什么字符链接）参数可以不写默认以逗号链接；

var arr=[1,2,3,4,5];
var res=arr.join("-");
        console.log(arr);//[1, 2, 3, 4, 5]
        console.log(res);//1-2-3-4-5

不改变原始数组
返回值：就是用指定字符连接好的字符串；
10、slice()截取数组
语法：数组.slice（开始的索引，结束的索引）；

var arr=["h","e","l","l","o"];
var res=arr.slice(1,3);
        console.log(arr);// ["h", "e", "l", "l", "o"]
        console.log(res);// ["e", "l"]

不改变原始数组；
返回值：以数组的形式，返回截取的内容；
不写第二个参数是开始索引截取到末尾；

以上就是最基础的js数组的方法。🙃