“万能”的数组

【前面的话】说数组“万能”，可能夸张了一点，但是就个人观点，数组的运用是非常广泛的，这里的广泛当然也包含了在其他语言中的运用。举例说明，在javascript当中，由于字符串的不可变性，在进行字符串拼接等操作中，都极大的消耗了内存，这时候用数组来“装载”字符串，操作简单，又不消耗过多的内存，真可谓是“香饽饽”。下面我总结了数组当中常用的一些操作。

——首先我们来对数组进行简单的介绍：

//   var o = { };
//   o.c     属性；
//   o["c"]   键-值 的集合； 字典
// 这两个的效果是一样的
  
var array = [6,7,5,84,6];
//所有对象，都具有toString和valueOf
console.log(array.toString());//toSTring内部就调用join()
console.log(array.valueOf());//返回当前数组对象

    1、 array.join();    // 将数组元素连接起来以构建一个字符串

// 将一个字符串数组输出为|分割的形式，比如“刘备|张飞|关羽”。使用两种方式实现
 var array = ["刘备","张飞","关羽"];
 console.log(array.join("|"));

    2、 array.reverse();    // 颠倒数组中元素的顺序

//    将一个字符串数组的元素的顺序进行反转。["a","b","c","d]——>["d","c","b","a"]
      var array = ["a","b","c","d"];
      array.reverse();
      console.log(array);

 3、 array.filter();    // 使用指定的函数测试所有元素，并创建一个包含所有通过测试的元素的新数组    //这里涉及到兼容旧环境的问题

var array = [1500,1200,2000,2100,1800];
       //会把筛选的结果返回一个新数组
 array = array.filter(function(element,index,thisObj){
       //element 数组中的每一个元素
       //index 索引
       //thisObj 当前数组对象
    if (element >= 2000) {
         return false;
    }
    return true;
 });
    console.log(array);

4、 array.indexOf();

            array.lastIndexOf();

//    ["c","a","z","a","x","a"]找到数组中每一个a出现的位置,找不到返回-1
        //indexOf  获取数组中第一个符合条件元素的位置
        //lastIndexOf   获取数组中最后一个符合条件的元素的位置     
 
      var array = ["a","a","z","a","x","a"];
      console.log(array.indexOf("a",2));
      console.log(array.lastIndexOf("a"));
//
      var index = -1;
      do {
           index = array.indexOf("a", index+1);
           if (index != -1) {
           console.log(index);
          }
       }while(index != -1);

 5、 array.sort();

//    ["c","a","z","a","x","a"]编写一个方法，求数组中每一个字符出现的次数
//    排序
     var array = [3,6,1,5,10,2];
//   array.sort();//如果不传参数，按默认的方式排序，按第一个字符的ascii码排序
//   console.log(array);
 
//如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；
//如果 compareFunction(a, b) 等于 0 ， a 和 b 的相对位置不变。备注： ECMAScript 标准并不保证这一行为，而且也不是所有浏览器都会遵守（例如 Mozilla 在 2003 年之前的版本）；
//如果 compareFunction(a, b) 大于 0 ， b 会被排列到 a 之前。
    array.sort(function(a,b) {
        return a - b;
    });
    console.log(array);
 
//调用自己模拟的sort
//sort(array, function(a,b) {
//    return -(a - b);
//});
//console.log(array);

6、 array.splice();  //插入、删除或替换数组的元素

var a = [1,2,3,4,5,6,7,8]
a.splice(4);        // 返回 [5,6,7,8]; a is [1,2,3,4]
a.splice(1,2);      // 返回 [2,3]; a is [1,4]
a.splice(1,1);      // Netscape/JavaScript 1.2 返回 4 ，应该返回 [4]
a.splice(1,0,2,3);  // Netscape/JavaScript 1.2 返回 undefined ，应该返回 []

7、 array.slice();  // 从当前数组截取一个新数组  

var a = [1,2,3,4,5];
a.slice(0,3);    // 返回 [1,2,3]
a.slice(3);      // 返回 [4,5]
a.slice(1,-1);   // 返回 [2,3,4]
a.slice(-3,-2);  // 返回 [3]; IE 4存在的Bug: 返回[1,2,3]

8、 array.forEach();   //遍历数组 

                                    //  注意与filter的区别

                                    //这里涉及到兼容旧环境

    var array = [4,6,7,8,3,46,8];
 
        //forEach  遍历数组
//        array.filter(function (item,index,obj) {
//        })
 
        for(var i = 0; i < array.length ; i++) {
            var item = array[i];
        }
 
        array.forEach(function (item, index,obj) {
            console.log(item);
            console.log(index);
            console.log(obj);
        })

【输出】

9、 html5提供的方法：

i）indexOf ；    lastIndexOf

ii）filter ；  forEach   

10、清空数组的三种方式：

var array = [1, 2, 3, 4];
//方式1
array.splice(0,array.length); //删除数组中所有项
//方式2
array.length = 0;  //length属性可以赋值，length是只读
//方式3
array = [];  // 推荐