ASCII码 ASCII码

JS基础知识：JS对象模拟数组方法用法实例分析

发布于：2022-05-23 16:30:23  栏目：技术文档

JS对象模拟数组的用法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         function MyArray(){
  10.             this.length = arguments.length;
  11.             for (var i = 0; i < arguments.length; i++){
  12.                 this[i] = arguments[i];
  13.             }
  14.             // 1、新元素将添加在数组的末尾,并返回新的长度
  15.             this.push = function (s){
  16.                 this[this.length]=s;
  17.                 this.length++;
  18.                 return this.length;
  19.             }
  20.             // 2、删除数组的最后一个元素并返回删除的元素
  21.             this.pop = function (){
  22.                 var popdata = this[this.length-1];
  23.                 delete this[this.length-1];
  24.                 this.length--;
  26.                 return popdata;
  27.             }
  28.             // 3、返回表示Integer值的String对象
  29.             this.toString = function (){
  30.                 var result = "";
  31.                 var j = ',';
  33.                 for (var i = 0; i<this.length-1; i++){
  34.                     result += this[i];
  35.                     result += j;
  36.                 }
  38.                 result += this[i];
  40.                 return result;
  41.             }
  42.             // 4、对数组的元素进行排序：正序和倒序
  43.             this.sort = function sort(arr, flag=true) {
  44.                 for(var i=0; i<arr.length-1; i++) {
  45.                     for (var j = 0; j < arr.length-i-1; j++) {
  46.                         if(flag) {
  47.                             if (arr[j] > arr[j + 1]) {
  48.                                 var swap = arr[j];
  49.                                 arr[j] = arr[j + 1];
  50.                                 arr[j + 1] = swap;
  51.                             }
  52.                         }else{
  53.                             if (arr[j] < arr[j + 1]) {
  54.                                 var swap = arr[j];
  55.                                 arr[j] = arr[j + 1];
  56.                                 arr[j + 1] = swap;
  57.                             }
  58.                         }
  59.                     }
  60.                 }
  61.                 return arr;
  62.             }
  63.             // 5、返回数组参数中的最大值
  64.             this.max = function arrmax(arr) {
  65.                 var max = arr[0];
  66.                 for(var i=0; i<arr.length; i++) {
  67.                     if(arr[i]>max)
  68.                         max=arr[i];
  69.                 }
  70.                 return max;
  71.             }
  72.             // 6、返回数组参数中的最小值
  73.             this.min = function arrmin(arr) {
  74.                 var min = arr[0];
  75.                 for(var i=0; i<arr.length; i++) {
  76.                     if(arr[i]<min)
  77.                         min=arr[i];
  78.                 }
  79.                 return min;
  80.             }
  82.             // 7、反转数组中元素的顺序
  83.             this.reverse = function() { 
  84.                 var result = [];
  85.                 for(var i = 0; i < this.length; i++) {
  86.                     result[result.length] = this[this.length - i - 1];
  87.                 }
  88.                 for(var i = 0; i < result.length; i++) {
  89.                     this[i] = result[i];
  90.                 }
  91.                 return this;
  92.             }
  93.         }
  95.         var arr = new MyArray(11,3,55,88,99,"abc");
  97.         // 添加在数组的末尾
  98.         console.log(arr.push("hello"));
  100.         // 删除数组的最后一个元素
  101.         console.log(arr.pop());
  103.         // Integer值的String对象
  104.         console.log(arr.toString());
  106.         // 输出结果是开头第一个的元素
  107.         console.log(arr[0]);
  108.         // console.log(arr[1]); //输出结果是开头第二个的元素
  109.         // console.log(arr[2]); //输出结果是开头第三个的元素
  110.         // console.log(arr[3]); //输出结果是开头第四个的元素
  111.         // console.log(arr[4]); //输出结果是开头第五个的元素
  112.         // console.log(arr[5]); //输出结果是开头第六个的元素
  113.         // console.log(arr[6]); //输出结果是未定义
  115.         // 排序：true时为正序，false时为倒序
  116.         console.log(arr.sort(arr, true));
  118.         // 返回数组参数中的最大值
  119.         console.log(arr.max(arr));
  121.         // 返回数组参数中的最小值
  122.         console.log(arr.min(arr));
  124.         // 反转数组中元素的顺序
  125.         console.log(arr.reverse());
  127.     </script>
  128. </body>
  129. </html>

运行结果：

相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行