几乎所有的编程语言都原生支持数组类型,因为数组是最简单的内存数据结构。
它存储一系列同一种数据类型的值,但是在javascript里可以在数组里保存不同类型的值,但是我们最好还是要遵守最佳实践,不要那么做。

  • 创建和初始化,javascript声明,创建和初始化数组都很简单,就像下面这样:
    var array = new Array();

var array = new Array(7); //创建长度为7的数组
var array = new Array('item1','item2','item3');
以上是使用new关键字来创建数组,但是这并不是最好的方式,最常用的数组创建方式只要 用一个[]就可以了。如下所示:

var array = [];
var array = ['item1','item2','item3'];
  • 添加和删除元素
    var numbers = [1,2,3,4,5,6,7,8,9];
    numbers.push(10);//把元素添加到末尾
    numbers.unshift(11);//把元素添加到首位
    numbers.pop();//删除最后一位元素
    numbers.shift();//删除第一位元素
    numbers.splice(5,3);//删除从数组索引5开始的三个元素(numbers里的6,7,8三个元素被删除掉),需求中常常需要删除指定的元素,可求出该元素索引值后spleic(x,1)
    number.splice(5,0,2,3,4);//从索引是5的元素开始删除0个元素,然后吧2,3,4三个元素添加到索引是5的元素后面
  • 合并数组
    numbers.concat(num1,num2)//num1,num2被合并到numbers中
  • 数组迭代
    every,filter,foreach,some,map这几个方法都可接受一个函数作为参数。
    如:number.every(function(number){

          console.log('----every number----',numbrt);
    })

    every遍历数组中每个元素,遇到使函数返回值为false的元素,every执行结束;
    some与every相反,遇到使函数返回值为true的h元素会执行结束;
    forEach会迭代所有元素,与使用for循环的效果相同;
    map和filter方法都很会返回一个新数组,不同的map会返回所有元素遍历后的结果,filter只返回结果为true的结果;

  • 搜索和排序
    numbers.reverse()//倒序
    numbers.sort()//此方法对数组做排序时,把元素默认成字符串进行相互比较,我们可以传人自己的比较函数,所以可以这样写:
    numbers.sort(function(a,b){

             return a-b;
       });

    这段代码当b大于a时,会返回负数,反之则返回正数,如果相等的话就会返回0.返回负数时说明a比b小,这样sort就会根据返回值情况给数组做排序。
    indexof方法返回与参数匹配的第一个元素的索引,lastIndexOf返回与参数匹配的最后一个元素索引。
    ES6中提供了两个新的方法find()和findIndex()。它们的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后find()方法会返回该成员,findIndex()返回该成员的位置。

  • 输出数组为字符串
    numbers.toString()//所有元素输出为一个字符串

numbers.join(',')//所有元素用,隔开,输出为一个字符串


Silence布吉岛
27 声望0 粉丝

厚积薄发


下一篇 »
vuex文档笔记