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