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数组的方法。🙃