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 <= 范围 <end
    不会改变原数组

    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 (上一次返回的值, 当前的元素, 原数组) {

    // }, 起始值);

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 数组的定义 数组是按序号排列的一组值,每个值的位置都有编号(从0开始)。数组本质上是一种特殊的对象。它的键名是按(...
    Allin_Lin阅读 591评论 0 0
  • concat():对数组进行拼接,具有打散插入的数组的功能,返回新数组,无权修改原数组。如果给这个concat传递...
    十七度的夏天阅读 412评论 0 0
  • 数组创建 JavaScript中创建数组有两种方式,第一种是使用 Array 构造函数: vararr1 = ne...
    刘松阳阅读 270评论 0 0
  • ECMAScript为操作已经包含在数组中的项提供了很多方法。这里本人总结一下自己对这些方法的理解,如此之多的方法...
    强哥科技兴阅读 564评论 0 0
  • [TAS]-000 谢谢 基本法: 算不上什么原创, 但是拒绝转载 实验性文体-仿游戏速攻表演(TAS Tool-...
    yzhangac阅读 845评论 0 51