JavaScript数组

数组的含义: 值的有序集合,每个值叫做一个元素,每元素在数组中都有一个位置,以数字表示,称为下标(索引)

创建数组

var arr = [ ];
var arr = new Array(1, 2, 3); // (3) [1, 2, 3]

数组的长度

Array.length; 可读可写

如何判断数组

  1. arr.constructor === Array
  2. Object.prototype.toString.call(arr) === '[object Array]'
  3. Array.isArray(arr)

数组的遍历

  1. for
  2. for / in
    不赞成使用
    1. ECMAScript规范允许for/in循环以不同的顺序遍历对象的属性,而数组元素的遍历是升序的
    2. 如果数组同时拥有对象属性和数组元素,返回的属性名很可能是按照创建的顺序而非数值的大小顺序

数组的方法

  1. Array.join('拼接符')
    将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串,默认使用逗号拼接

  2. Array.reverse()
    将数组中的元素倒序
    改变原数组

  3. Array.sort();
    元素排序
    改变原数组

  4. Array.concat()
    创建并返回一个新数组

  5. 数组的截取方法
    Array.slice(start, end); 同字符串套路 start <= 范围 不会改变原数组

    Array.splice(start, 删除的个数, 插入的元素);

数组的遍历方法

  1. Array.forEach() (遍历)
Array.forEach(function (item, index, arr) {
        // item: 当前元素
        // index: 下标
        // 原数组
    });

forEach的返回值undefined
从头到尾遍历数组(只能通过try/catch终止循环)
  1. Array.map()
    返回新数组,不改变原数组
    要有return 返回被加工后的新元素

  2. Array.filter() 过滤

Array.filter(function (item) {
return item是否符合条件
});

  1. Array.every() 和 Array.some()
    every():每一项都返回true,则返回true
    some(): 某一项返回ture,则返回true

  2. reduce()

    var res = arr.reduce(function (pre, cur, arr) {
    console.log(pre, cur);
    return pre + cur;
    }, 0);

    console.log(res);

    // arr.reduce(function (上一次返回的值, 当前的元素, 原数组) {

    // }, 起始值);

你可能感兴趣的:(JavaScript数组)