前端相关我爱编程

js数组的基本操作

2018-04-16  本文已影响0人  星星的成长之路

四个方面探索数组:

  1. 方法作用;
  2. 传递的参数;
  3. 有没有返回值,返回值是什么;
  4. 元数组是否改变;
(1) push向数组末尾添加 (也可以通过索引在数组末尾添加内容)
(2) pop删除数组中最后一项(也可以用arr.length--或者arr.length-=5)
(3)shift删除数组中第一项
(4)unshift 向数组开头添加(可多个)
(5)splice 删除, 增加,修改 (原数组改变)
补充:
(6)slice 截取原素组不改变,返回一个新的数组
补充:
补0方法:
var num;
if(num<10){
console.log('0'+num);
}
else{
    console.log(num);
}
console.log(('0'+num).slice(-2));
(7) concat拼接多个数组
var arr=[1,2,3,4];
var arr2=[100,200];
console.log(arr2.concat(arr,1000));//[100,200,1,2,3,4,1000]
console.log(arr);//[1,2,3,4]
(8) toString
var arr=[1,2,3,4,5];
console.log(arr); //[1,2,3,4,5]
console.log(arr.toString());//1,2,3,4,5
console.log(arr.join());//1,2,3,4,5
console.log(arr.join('+'));//1+2+3+4+5
(9) join
var arr=[1,2,3,4,5,6];
console.log(arr.join('+'));1+2+3+4+5+6
console.log(eval(arr.join('+')));21

console.log(arr.join('*'));1*2*3*4*5*6
console.log(eval(arr.join('*')));720

数组的排列和排序

(10)reverse 原数组改变
(11)sort排序
从小大大排序:
console.log(arr1.sort(function(a,b){
return a-b;
}));//Array[1,5,6,9,12,34,78]

从大到小排序:
console.log(arr1.sort(function(a,b){
    return b-a;
}));// Array[78,34,12,9,6,5,1]

在标准浏览器兼容,但在IE6-8不兼容
(12)IndexOf/lastIndexOf(在字符串中也有这两个方法,可兼容所有浏览器)
(13)forEach
var arr1=[1,12,34,15,60];
arr1.forEach(function(item,index){//item是数组中的每一项;index是数组的索引
    console.log(index+":"+item);0:11:122:343:154:60
})  
(14)map 也是一种遍历,主要用于修改数组内容
var arr1=[1,12,34,15,60];
var arr2=arr1.map(function(item,index){//item是数组中的每一项;index是数组的索引
    item*=10;
    return item;
})
console.log(arr2); // Array[10,120,340,150,600]

(15)filter 筛选查找

var arr1=[1,12,34,15,60,4];
var arr3=arr1.filter(function(item,index){
    if(index!=3){
        return true;
       }
    else{
        return false;
       }
})
console.log(arr1);// [1,12,34,15,60,4]
console.log(arr3);// [1,12,34,60,4]

补充:

var a1=[1,2,3,4];
var a2=a1;
a2[0]=100;
console.log(a1);// Array[100,2,3,4]
console.log(a2);// Array[100,2,3,4]
var a1=[1,2,3,4];//开辟一个空间,有一个地址
var a2=a1;//a1的引用地址赋值给a2
a2=[100];//a2指向了一个新的空间
a2[0]=1;//新的空间第一项为1
console.log(a1);// Array[1,2,3,4]
console.log(a2);// Array[1]
var num1=1;
var num2=num1;
num2 = 3;
console.log(num1);1
console.log(num2);3
上一篇 下一篇

猜你喜欢

热点阅读