美文网首页
javascript中的数据结构---数组

javascript中的数据结构---数组

作者: VickyFan | 来源:发表于2018-12-24 08:33 被阅读0次

    一、前言

    看到标题,也许会说前端扯什么数据结构,写出页面完成交互不就ok了吗?实际上编程语言也有自己的数据结构,只是我们平时并没有过多的去关注。以下我们将来浅谈以下javascript中的数据结构--数组

    二、为什么要学习数据结构

    以我最近接触的几个项目来说,后端返回的数据稍有些复杂,需要做一些处理才能得到自己需要渲染的数据结构。作为前端开发人员,尤其在现在,必须有强大的数据结构算法能力,才能支撑整个业务的开发。

    三、javascript数据类型

    在说明数据结构之前,我们了解以下javascript都有哪些数据结构
    原始类型:
    Boolean、Null、Undefined、Number、String、Symbol
    Object类型
    除 Object 以外的所有类型都是不可变的(值本身无法被改变)。例如,与 C 语言不同,JavaScript 中字符串是不可变的(译注:如,JavaScript 中对字符串的操作一定返回了一个新字符串,原始字符串并没有被改变)。我们称这些类型的值为“原始值”

    四、数组

    1.定义

    数组是我们最常用也最熟悉的数据结构,它是如何定义的:一个储存元素的线性集合,元素可以通过索引开任意存取,索引通常是数字,用来计算元素之间的存储位置的偏移量。
    emmmmmm.......
    这样说好像和嗯晦涩难懂,简单说就是:使用单独的变量名来存储一系列的值

    2.创造与读写
    var number = []
    var arr = [1, 2, 3]
    var people = new Array()
    var count = new Array(1, 2, 3)
    var a = new Array(2)
    var b = [1, null, 'apple'] //当然,数组里面的值不一定都是一样的
    // length是数组长度,我们可以借助它来进行读
    for (var i = 0; i < arr.length; i++) {
      console.log(arr[i])
    }
    
    3.常用基本方法
    方法 描述 事例
    concat() 连接两个或更多的数组,并返回结果 arr1.caoncat(arr2)
    join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 arr.join(';')
    pop() 删除并返回数组的最后一个元素 arr1.pop()
    push() 向数组的末尾添加一个或更多元素,并返回新的长度 arr.push(1)
    shift() 删除并返回数组的第一个元素 arr1.shift()
    unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 arr.unshift(1)
    reverse() 颠倒数组中元素的顺序。 arr1.reverse()
    slice() 从某个已有的数组返回选定的元素 arr.slice(1, 2)
    sort() 对数组的元素进行排序 arr1.sort()
    splice() 删除元素,并向数组添加新元素。 arr.splice(1, 2)
    toString() 连接两个或更多的数组,并返回结果 arr1.toString()
    valueOf() 返回数组对象的原始值 arr.valueOf()
    indexOf() 返回查找数组的位置,找不到-1 arr.indexOf(1)
    4.迭代器方法

    不产生新数组:

    // forEach
    function square(num) {
      console.log(num)
    }
    var nums = [1, 2, 3, 4, 5]
    nums.square(square)
    // 
    

    产生新数组:
    map(),filter()

    function square(num) {
      console.log(num)
    }
    var nums = [1, 2, 3, 4, 5]
    nums.map(square)
    
    array.filter(function(currentValue,index,arr), thisValue)
    
    5.经典方法与例子

    以上都是一些理论上的知识,比较简单易懂。但是实际上运用到业务中,就需要综合起来了。比如说数组去重、排序、甚至一些常见的面试题。无论怎么变化,我们只需要关注核心思路,怎么知道他们想等,怎么找到对应的索引,怎么删掉对应的值。

    小结

    此篇算只能算得上一个小笔记吧,虽然可能看起来比较简单,但是数组在我们日常开发中用的最多。所以了解好数组的一些基本操作,以及一些高级用法,将会给我们开发带来事半功倍的效果。

    相关文章

      网友评论

          本文标题:javascript中的数据结构---数组

          本文链接:https://www.haomeiwen.com/subject/vecakqtx.html