js 中数组常用方法和案例

一.创建数组

　　1.var 组数名=[值1，值2，值3]
　　2.new Array()
　　　　var 数组名= new Array（）；
　　　　var arr1= new Array(2) // 表示空数组占用两个字符空间
　　　　var arr2= new Array(2,3) //等价于【2,3】表示里面有2个数组元素，2,3

二.检测数组

1.instanceof 运算符 作用是检查是不是数组
　　var arr=[]
　　var obj={}
　　console.log(arr instanceof Array)
　　console.log(obj instanceof Array)
2.Array.isArray(参数)(h5新增的，ie9以上的支持）
   例如：Array.isArray(arr)

 

三.数组的操作方法

var shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles'];   //创建一个名为shopping的数组名

alert(shopping)        //访问数组

alert(shopping[0])   //访问数组中的第一个值

//增加数组的值方法

 
    
    (1).push() 在我们数组的末尾  增加一个或者多个数组元素 
    
    
    var arr=[1,2,3]
arr.push(4,'pink')
alert(arr) 
    (2).unshift 在数组的开头增加一个或者多个数组元素 
    arr.shift('red','pink')
console.log(arr) 
    
  

//删除数组的值的方法

 
    
    (1)pop() 删除数组的最后一个元素
arr.pop()
console.log(arr) 
    
    
    (2)shift删除数组的第一个元素 
    
    
    arr.shift() 
    console.log(arr) 
    
  

四.数组排序

1.reverse()

var arr=[1,2,3,4,5]
arr.reverse() //反转组数，也就是5,4,3,2,1

2.冒泡排序

 
    arr.sort() //如果是多位数会出现问题，他的排序是先根据个位数排序把最小的个位数的十位数放在前面
console.log(arr1) 
    固定的解决此问题的办法格式
arr.sort(function(a,b){
return a-b;// 是显示升序的效果，反转就返回b-a降序效果
}) 
   

使用案例一：

获取列表中的某个值的index值

var arr_color = ['red','bule','pink','green','red']

var index  = arr_color.indexOf('red')

for (var i = 0 ;i<=arr_color.length;i++){

 

    console.log(index); 

    if (arr_color.lastIndexOf('red') == index) {

        break;

    };

    index = arr_color.indexOf('red',index+1);

}