js 数组方法

1:push() 向数组的末尾添加一个或多个元数
var arr = [];
arr.push(1,2,4);
//该方法会返回新数组的长度length

2:pop () 该方法可以删除数组的最后一个元素
var arr = [1,2]
arr.prop();-->[1]
//返回 被删除的元素作为返回值返回
3 :unshift()
向数组的开头添加一个或多个元素,并返回新的数组长度
向前面插入元素以后,其他的元素的索引会依次调整
4 : shift()
可以删除数组的第一个元素,并将删除的元素作为返回值返回

数组的遍历 :
function Person(name,age) {
this.name = name ;
this.age = age;
}

var per1 = new Person('a',12);
var per2 = new Person('b',14);
var per2 = new Person('c',11);
var perArr = [per1,per2,per3];
function getAdult(arr){
var newArr = [];
for(var i=0;i<arr.length;i++) {
if(arr[i]['age']>12) {
newArr['push'](arr[i]);
}
}
return newArr;
}


5:slice();


可以用来从数组中提取元素
参数:
1:截取开始位置的索引
2:截取结束位置的索引
第二个参数可以省略不写,表示从start开始的后边都被截取
(包头不包尾)
第二个 参数 还可以传入一个负值 表示 从后开始数
该方法不会影响原数组,返回新数组;
var result = array.slice(start,end);

var arr = [1,2,3,4];
var newArr = arr.splice(1,-1);-->[2,3] -1代表4

6:splice()
删除数组中的指定元素,或是添加加元素到指定位置,使用splice会影响原数组,并将被删除的元素作为返回值返回
参数介绍:
第一个 表示 开始位置的索引
第二个·:表示删除的个数
第三个及以后 :可以讲这些元素自动插入到开始位置索引前边
var arr = [1,2,3,4,5];
arr.splice(0,2,1212);-->[1212,3,4,5]

arr.splice(0,0,1212121);-->往第一个参数的前面添加元素

去除数组中重复的数据
var arr = [1,2,2,3,4,4,3,4,4,5,5,7];
for (var i = 0; i < arr.length; i++) {
for (var j = 1+i; j < arr.length; j++) {
if(arr[i]===arr[j]) {
arr.splice(j,1);
j--;//注意删了一位后,后面的数自动往前推一位,导致相邻的一位没有被比较
}

}

}
console.log(arr)

7:concat() 连接两个或是多个数组,并将新的数组返回
var arr = [1,2]
var arr1 = [22,33];
var newArr = arr.concat(arr1);

8:join() 该方法可以将数组转换成为一个字符串,不会对原数组产生影响
var arr = [1,2]
var result = arr.join();-->'1,2'
参数可以指定一个字符串作为参数,这个字符串会成为数组中元素的连接符,默认为‘,’l连接
//var result = arr,join('');--->'12'

9:reverse(); 会直接修改原数组
反转数组,顾名思义

10:sort() 数组排序,也会影响元素组,默认按照unicode编码进行排序

var arr = ['a','c','d','b'] ;
console.log(arr.sort());--->['a','b','c','d'];
var arr1 = [1,2,4,3,11];
console.log(arr1.sort());--->[11,1,2,4,3]
//注意即使对于纯数字的排序,也会按照unicode编码排序
自定义排序规则
参数 回调函数 :会分别使用数组中的元素作为实参去调用回调函数
会根据回调函数的返回值来决定元素的位置
若返回一个大于0的则元素 交换位置
若返回一个小于0的则元素 位置不变
若返回一个==0的则元素 位置不变
var arr2 = [1,4,5,6,3,65,11];
arr2.sort(function(a,b) {
if(a>b) {
//前边大 换位置(升序)
return 1;
} else if(a<b){
return -1;
} esle {
return 0;
}

//return a-b; 同上(升序)
//return b-a;(降序)
})
阅读更多
个人分类: js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭