资讯专栏INFORMATION COLUMN

JS数组和数据结构的理解

mdluo / 1767人阅读

摘要:创建数组的方法有两种也可以创建指定长度的数组,默认值都是输出数组多少个元素有两种方法向数组里添加元素删除和增加元素在最前和最后位置输出数组元素的个数,在数组后面添加元素输出数组元素的个数,在数组前面添加元素输出删除掉的元素,删除最后面

创建数组的方法有两种;

</>复制代码

  1. var arr1 = new Array(); //也可以创建指定长度的数组,默认值都是undefined;
  2. arr1[0] = "this is first ele";
  3. arr1[1] = 1;
  4. var arr2 = ["this is first ele",12];
  5. arr1.length //输出数组多少个元素

有两种方法向数组里添加元素

</>复制代码

  1. var arr = [1,2,3,4,5,6];
  2. //删除和增加元素在最前和最后位置
  3. arr.push(7) //->7输出数组元素的个数,在数组后面添加元素
  4. arr.unshift(0) //->8输出数组元素的个数,在数组前面添加元素
  5. arr.pop() //->7 输出删除掉的元素,删除最后面的元素
  6. arr.shift() //->0 输出删除掉的元素,删除最前面的元素
  7. //增加或者删除指定位置的元素
  8. arr.splice(arg1,arg2,arg3,...) //arg1开始的位置(不包含),arg2要删除的个数,是0的话不删除,
  9. //arg3及后面是要替换的元素
  10. arr.splice(1,2,"first","second"); //->[2,3]输出删除的元素,同时替换元素

数组一些常用的方法

</>复制代码

  1. var number = [1,2,3,4,5,6];
  2. var str = ["a","b","c","d","e"];
  3. //连接两个数组,返回新的数组 ->concat();
  4. number.concat(str) // [1, 2, 3, 4, 5, 6, "a", "b", "c", "d", "e"]
  5. //和字符串类似的方法 ->slice(start,end),indexOf(),lastIndexOf()都是返回新的数组;
  6. number.slice(1,3); //[2,3]如果参数是负数,则和长度加转为正数,但两个参数不会按照
  7. //大小调换位置
  8. number.indexOf(3); //2
  9. number.lastIndexOf(3); //2
  10. //数组转成字符串,toString(),join();注意是把整个数组转为一个新字符串,同时忽略所有的引号,
  11. //null也会忽略,
  12. str.toString() ===str.join(); //true "a,b,c,d,e"
  13. join() //参数不是空的话,就把参数取代数字的分隔符" , ";
  14. //可以通过字符串方法split(",")重新生成数组;
  15. var s = str.toString();
  16. s.split(",") == str; //true

ES5新的方法
1,Array.forEach(callback,[this.obj]),对数组的每个元素都执行函数

在CHROME中输出如上,函数默认有三个参数
1,数组元素
2,元素索引
3,整个数组

</>复制代码

  1. var names = ["Biden","Cheney","Gore"];
  2. var presdent = {
  3. names : ["obama","bush","cliton"],
  4. read : function(name){if(this.names[0] == "obama"){console.log(name);}},
  5. job : function(name){alert(name);}
  6. }
  7. presdent.names.forEach(presdent.read); //undefined;
  8. presdent.names.forEach(presdent.read,presdent); //obama,bush,cliton

forEach(callback,[object])的第二个参数可以指定要执行的上下文,比如this的指向问题,还有个小问题,如果数组中已经删除的元素是不会在执行函数的,虽然在数组中显示undefined(注意这个值和
直接赋值的undefined是不一样的,类似于 “” 和undefined 的区别)

2,Array.every(callback,[this.obj])Array.some(callback,[this.obj])
返回 true / false;

</>复制代码

  1. var number = [2,4,5,6];
  2. var newnum = 3;
  3. function a(arg){
  4. if(arg>newnum){
  5. return true;
  6. }
  7. }
  8. function b1(arg){
  9. if(number.some(a)){
  10. console.log("All BIGGER");
  11. }else{
  12. console.log("there" at least one small")
  13. }
  14. }
  15. //All BIGGER
  16. function b2(arg){
  17. if(number.ervey(a)){
  18. console.log("All BIGGER");
  19. }else{
  20. console.log("there" at least one small")
  21. }
  22. }
  23. //there" at least one small

从例子中我们可以知道,some方法如果有一个真就返回true,every方法全部真,才返回true;

3,Array.map(callback,[this.obj])Array.filter(callback,[this.obj]);
返回新的数组

</>复制代码

  1. var number = [1,3,5,7,8];
  2. function a(arg){
  3. if(arg>4){
  4. return "this number is >4: "+ arg;
  5. }{
  6. return "this number is<4: "+arg ;
  7. }
  8. }
  9. number.map(a); //返回执行后的结果数组,如果函数没有返回值则数组都是undefined;
  10. //["this number is<4: 1", "this number is<4: 3", "this number is >4: 5",
  11. //"this number is >4: 7", "this number is >4: 8"];
  12. number.filter(a) //返回执行函数后为true的原数组元素,如果函数返回值不是true/false则返回全部
  13. //注意函数的返回值只要松散相等即可如: 0 == false;
  14. // [1, 3, 5, 7, 8]

4,Array.reduce(callback[, initialValue])Array.reduceRight(callback[, initialValue])
返回callback的返回值;

</>复制代码

  1. //callback(pre,cur,index,array)有四个参数,其中index 和array和之前的一样,pre和cur代表
  2. //前一个元素和当前的元素(pre后面一个元素);
  3. //如果 initialValue没有省略,则pre = initialValue,cur为数组第一个元素;
  4. // initialValue省略的话,pre默认为数组第一个元素,cur为第二个
  5. var arr = [1,3,5,7,9];
  6. function sum(pre,cur,index,array){var add = pre + cur;return add};
  7. arr.reduce(sum,11)
  8. //结果如下
  9. initialValue = pre = 11; cur = arr[0];
  10. //第一次
  11. add1= pre + arr[0]; cur = arr[1];
  12. //第二次
  13. add2 = add1 +arr[1]
  14. //第 三次
  15. add3 = add2 + arr[2];
  16. //第四次
  17. add4 = add3 + arr[3];
  18. //最后一次
  19. add5 = add4 + arr[4];
  20. //36
  21. arr.reduce(sum) //25
  22. add.reduceRight(sum) //25
  23. //和rudece一样区别是index从最后往前;

JS的数据结构

1. 栈 -—后进先出的有序集合;

</>复制代码

  1. function Stack(){
  2. var items = [];
  3. this.push = function(ele){ items.push(ele);};
  4. this.pop = function(ele){ return items.pop(ele);};
  5. this.isEmpty = function(){ return items.length == 0;};
  6. this.size = function(){return items.length;};
  7. this.clear = function(){itmes = [];};
  8. this.show = function(){console.log( items.toString())};
  9. }
  10. //转化进制
  11. function to2(number){
  12. var tem = new Stack();
  13. var rem;
  14. var distNumber = "";
  15. while(number > 0){
  16. rem = number%2;
  17. tem.push(rem);
  18. number = Math.floor(number/2);
  19. }
  20. while(!tem.isEmpty()){
  21. distNumber += tem.pop().toString();
  22. }
  23. return distNumber;
  24. }

2,队列 ——先进先出的有序集合(区分堆栈)

</>复制代码

  1. function Queue(){
  2. var items = [];
  3. this.front = function(ele){ items.unshift(ele);};
  4. this.first = function(){return items[0];};
  5. this.dequeue = function(ele){ return items.shift();}
  6. this.enqueue = function(ele){ return items.push();}
  7. this.isEmpty = function(){ return items.length == 0;};
  8. this.size = function(){return items.length;};
  9. this.clear = function(){itmes = [];};
  10. this.show = function(){console.log( items.toString())};
  11. }
  12. //优先队列

3,链表——有序元素组合,但不是连续存放,每节点包含自身和下一个节点的指针

</>复制代码

  1. function LinkedList(){
  2. var Node = function (ele){
  3. this.element = ele;
  4. this.next = null;
  5. };
  6. var head = null; //始终是第一个元素节点;
  7. var length =0;
  8. this.append = function(ele){
  9. var node = new Node(ele);
  10. var current;
  11. if(head ===null){
  12. head = node; //如果没有元素,就直接放在对象里,且属性的next永远是null;
  13. }else{
  14. current = head; //如果不是空的对象,就循环对象的元素,直最后的元素是next 是null;
  15. while(current.next){
  16. current = current.next;
  17. }
  18. current.next = node;
  19. }
  20. length++;
  21. };
  22. //这种方法只能从头开始一个一个添加;
  23. this.insert = function(position,ele){
  24. if(position>= 0&& position <= length{
  25. var node = new Node(),
  26. current =head,
  27. previous ,
  28. index = 0;
  29. if(position ===0){
  30. previous = current;
  31. head = node;
  32. }else{
  33. while(index++ < positon){
  34. previous = current;
  35. current = current.next;
  36. }
  37. length++;
  38. return true;
  39. }else{
  40. return false;
  41. }
  42. };
  43. this.removeAt = function(position){
  44. if(position > -1 && position < length){
  45. var current = head,
  46. previous,
  47. index = 0;
  48. if(position == 0){
  49. head = current.next;
  50. }else{
  51. while(index++
  52. 4,集合——无序且唯一的项组成的(数学概念的有限集合不重复)值-值存储,区分对象

  53. </>复制代码

    1. function Set(){
    2. var items = {};
    3. this.has = function(value){
    4. return items.hasOwnProperty(value);
    5. };
    6. this.add =function(value){
    7. if(!this.has(value)){
    8. items[value] = value;
    9. return true;
    10. }
    11. return false;
    12. };
    13. this.remove = function(){
    14. if(items.has(value)){
    15. delete items[value];
    16. return true;
    17. }
    18. return false;
    19. };
    20. this.clear = function(){
    21. items = {};
    22. };
    23. this.size = function(){
    24. return Object.keys(items).length;
    25. };
    26. this.values = function (){
    27. return Object.keys(items);
    28. };
    29. this.union = function(otherset){ //合并两个集合,返回新的集合,合集;
    30. var unionset = new Set();
    31. var values = this.values();
    32. for(var i=0;iotherset.size()){
    33. return false;
    34. }else{
    35. var values = this.values();
    36. for(var i =0;i
    37. 5,字典——不重复的存储,键-值保存;

    38. </>复制代码

      1. function Dictionary(){
      2. var items = {};
      3. this.has = function(key){
      4. return key in items;
      5. };
      6. this.set = function(key,value){
      7. items[key] = value;
      8. };
      9. this.remove = function(key){
      10. if(this.has(key)){
      11. delete items[key];
      12. return true;
      13. }
      14. return false;
      15. };
      16. this.get = function(key){
      17. return this.has(key)?items[key]:undefined;
      18. };
      19. this.values = function(){
      20. var values = [];
      21. for(var k in items){
      22. if(this.has(k)){
      23. values.push(itmes[k]);
      24. }
      25. };
      26. return values;
      27. };
      28. this.getItems = function(){
      29. return items;
      30. };
      31. this.clear = function(){
      32. items = {};
      33. };
      34. this.size = function(){
      35. return Object.keys(items).length;
      36. };
      37. this.values = function (){
      38. return Object.keys(items);
      39. };
      40. }
    39. 6,散列表——通过函数计算出键的位置,也就是说保存的键值不是我们提供的原始键;

    40. </>复制代码

      1. function HashTable(){
      2. var table = [];
      3. var loseHashCode = function(key){ //散列函数
      4. var hash = 0;
      5. for(var i = 0;i
      6. 7,树——非顺寻数据结构

      7. </>复制代码

        1. function BinarySearchTree(){
        2. var Node = function(key){
        3. this.key = key;
        4. this.left = null;
        5. this.right = null;
        6. };
        7. var root =null;
        8. var insertNode = function(node,newNode){
        9. if(newNode.key < node.key){
        10. if(node.left === null){
        11. node.left = newNode;
        12. }else{
        13. insertNode(node.left,newNode);
        14. }
        15. }else{
        16. if(node.right ===null){
        17. node.right = newNode;
        18. }else{
        19. insertNode(node.right,newNode);
        20. }
        21. }
        22. };
        23. this.insert = function(key){
        24. var newNode = new Node(key);
        25. if(root ===null){
        26. root = newNode;
        27. }else{
        28. insertNode(root,newNode)
        29. }
        30. };
        31. var inOrderTraverseNode =function(node,callback){ //中序遍历
        32. if(node !== null){
        33. inOrderTraverseNode (node.left,callback);
        34. callback(node.key);
        35. inOrderTraverseNode(node.right,callback);
        36. }
        37. };
        38. this.inOrderTraverse = function(callback){
        39. inOrderTraverseNode (root,callback)
        40. };
        41. var printNode = function(value){ //回掉函数
        42. console.log(value);
        43. };
        44. this.preOrderTraverse = function(callback){
        45. preOrderTraverseNode(root,callback);
        46. };
        47. var preOrderTraverseNode = function(node,callback){ //先序遍历
        48. if(node !== null){
        49. callback(node.key);
        50. preOrderTraverseNode(node.left,callback);
        51. preOrderTraverseNode(node.right,callbck)
        52. };
        53. };
        54. this.postOrderTraverse = function(callback){
        55. postOrderTraverseNode(root,callback);
        56. };
        57. var postOrderTraverseNode = function(node,callback){ //后序遍历
        58. if(node !== null){
        59. preOrderTraverseNode(node.left,callback);
        60. preOrderTraverseNode(node.right,callbck);
        61. callback(node.key);
        62. };
        63. };
        64. this.min = function(){
        65. return minNode(root)
        66. };
        67. var minNode = function(node){
        68. if(node){
        69. while(node && node.left !=null){
        70. node = node.left;
        71. }
        72. return node.key;
        73. }
        74. return null;
        75. };
        76. this.max= function(){
        77. return maxNode(root)
        78. };
        79. var maxNode = function(node){
        80. if(node){
        81. while(node && node.right !=null){
        82. node = node.right;
        83. }
        84. return node.key;
        85. }
        86. return null;
        87. };
        88. this.search = function(key){
        89. return searchNode(root,key);
        90. };
        91. var searchNode = function(node,key){
        92. if(node === null){return false;}
        93. if(keynode.key){return searchNode(node.right,key)}
        94. else{return true;}
        95. };
        96. this.remove = function(key){
        97. root = removeNode(root,node);
        98. };
        99. var removeNode = function(node,key){
        100. if(node ===null){ return null; };
        101. if(key < node.key){
        102. node.left = removeNode(node.left,key);
        103. return node;
        104. }else if(key>node.key){
        105. node.right = removeNode(node.right,key)
        106. }else{
        107. if(node.left ===null && node.right ===null){
        108. node =null;
        109. return node;
        110. }
        111. if(node.left ===null){
        112. node = node.right;
        113. return node;
        114. }else if(node.right ===null){
        115. node = node.left;
        116. return node;
        117. };
        118. var aux = findMinNode(node.right);
        119. node.key = aux.key;
        120. node.right = removeNode(node.right,aux.key);
        121. return node;
        122. }
        123. }
        124. }
      8. 8,图——G = (V ,E)由边和顶点组成

      9. </>复制代码

        1. function Graph(){
        2. var vertices = [];
        3. var adjList = new Dictonary();
        4. this.addVertex = function(v){
        5. vertices.push(v);
        6. adjList.set(v,[]);
        7. };
        8. this.addEdge = function(v,w){
        9. adjList.get(v).push(w);
        10. adjList.get(w).push(v);
        11. };
        12. this.toString = function(){
        13. var s = "";
        14. for(var i=0;i";
        15. var neighbors = adjList.get(vertices[i]);
        16. for(var j =0;j
        17. 数组排序的方法

        18. </>复制代码

          1. function ArrayList(){
          2. var array = [];
          3. this.insert = function(item){array.push(item)};
          4. this.toString = function(){return array.join()};
          5. var swap = function(index1,index2){ //交换数组位置的方法
          6. var temp = array[index1];
          7. array[index1] = array[index2];
          8. array[index2] = temp;
          9. };
          10. this.bubbleSort = function(){ //冒泡排序从小到大
          11. var length = array.length;
          12. for(var i =0;iarray[j+1]){
          13. swap(j,j+1);
          14. }
          15. }
          16. }
          17. };
          18. this.selectionSort = function(){ //选择排序,选择最小值放在前面;
          19. var length = array.length;
          20. var indexMin;
          21. for(var i= 0;i array[j]){
          22. indexMin = j;
          23. }
          24. }
          25. if(i ! = indexMin){
          26. swap(i,indexMin)
          27. }
          28. }
          29. }
          30. this.insertionSort = function(){ //插入排序;
          31. var length= array.length;
          32. var j,temp;
          33. for(var i = 0;i0 && array[j-1] >temp){
          34. array[j] ==array[j-1];
          35. j--;
          36. }
          37. array[j] = temp;
          38. }
          39. }
          40. this.mergeSort = function(){
          41. array = mergeSortRec(array)
          42. };
          43. var mergeSortRec = function(array){
          44. var length = array.length;
          45. if(length ===1){
          46. return array;
          47. }
          48. var mid = Math.floor(length/2);
          49. var left = array.slice(0,mid);
          50. var right = array.slice(mid,length);
          51. return merge(mergeSortRec(left),mergeSortRec(right))
          52. };
          53. var merge = function(left,right){
          54. var result = [];
          55. var il = 0,ir = 0;
          56. while(il 1){
          57. index = partition(array,left,right);
          58. if(left

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91868.html

相关文章

  • JSON:如果你愿意一层一层剥开我心,你会发现...这里水很深——深入理解JSON

    摘要:说句玩笑话,如果是基于的,可能就叫了,形式可能就是这样的了,如果这样,那么可能现在是和比较密切了。此外,还有一个函数,我们较少看到,但是它会影响。 我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify后的字符串是怎样的?先不要急着复制粘贴到控制台,先自己打开一个代码编辑器或者纸,写写看,写完再去仔细对比你的控制台输出,如果有...

    Baaaan 评论0 收藏0
  • JS程序

    摘要:设计模式是以面向对象编程为基础的,的面向对象编程和传统的的面向对象编程有些差别,这让我一开始接触的时候感到十分痛苦,但是这只能靠自己慢慢积累慢慢思考。想继续了解设计模式必须要先搞懂面向对象编程,否则只会让你自己更痛苦。 JavaScript 中的构造函数 学习总结。知识只有分享才有存在的意义。 是时候替换你的 for 循环大法了~ 《小分享》JavaScript中数组的那些迭代方法~ ...

    melody_lql 评论0 收藏0
  • JavaScript知识点总结

    摘要:参与任何数值计算的结构都是,而且。。面向人类的理性事物,而不是机器信号。达到无刷新效果。的工作原理总是指向一个对象,具体是运行时基于函数的执行环境动态绑定的,而非函数被声明时的环境。原型对象上有一个属性,该属性指向的就是构造函数。 1.JS面向对象的理解 面向对象的三大特点:继承、封装、多态 1、JS中通过prototype实现原型继承 2、JS对象可以通过对象冒充,实现多重继承, 3...

    sean 评论0 收藏0
  • 对类型化数组(Typed Array)与ArrayBuffer理解

    摘要:类型化数组也是中新引入的。用一句话解释类型化数组就是它是操作二进制数据的接口。类型化数组类型化数组的应用二进制数据的接口主要应用于文件,在中涉及文件处理的几乎都可以应用,主要是,,。 类型化数组(Typed Array)也是HTML5中新引入的API。用一句话解释类型化数组就是:它是JS操作二进制数据的接口。 众所周知,直接操作二进制数据可以使程序更为高效, 尽管JS对常规数组做了很多...

    Worktile 评论0 收藏0
  • 深入探究immutable.js实现机制(一)

    摘要:本文会集合多方资料以及我自己的一些理解,深入一些探究实现机制。位分区实际上是数字分区的一个子集,所有以的整数次幂,,,,为基数的数字分区前缀树,都可以转为位分区。其实举个例子最好理解比如数字的二进制形式是,这是一个位的二进制数。 Immutable.js 采用了持久化数据结构和结构共享,保证每一个对象都是不可变的,任何添加、修改、删除等操作都会生成一个新的对象,且通过结构共享等方式大幅...

    zhangfaliang 评论0 收藏0

发表评论

0条评论

mdluo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<