关于前端:重写数组的方法改变原数组

91次阅读

共计 2824 个字符,预计需要花费 8 分钟才能阅读完成。

下图是我自我学习模仿数组时总结的一些从新数组的办法:

本文咱们暂不探讨不扭转原数组的办法,只谈扭转原数组用到的 6 种办法。

扭转原数组的办法

push()

按参数程序向数组尾部增加元素,返回新数组的长度

var color = ['red', 'green']
var color2 = color2.push(['blue','purple'])

alert(color)    // ['red', 'green']
alert(color2)    // ['red', 'green','blue','purple']

重写:

Array.prototype._push = function() {for(let i = 0; i < arguments.length; i++) {this[this.length] = arguments[i]
    }
    return this.length
}

var arr1 = [1, 2, 3]
console.log(arr1.push(4, 5))    // 返回新数组的长度  5
console.log(arr1._push(6, 7))   // 返回新数组的长度  7
console.log(arr1)    // [1, 2, 3, 4, 5, 6, 7]

pop()

删除数组中的最初一个元素,并返回该元素

var color = ['red', 'green','blue','purple']
var color2 = color.pop()

alert(color)    // ['red','green','blue']
alert(color2)    // ['purple']
Array.prototype._pop() = function() {if(this.length) {let res = this[this.length - 1]
        delete this[this.length]
        this.length--
        return res
    }
}

let arr2 = [1, 2, 3, 4, 5]
console.log(arr2.pop())    // 返回删除的元素 5
console.log(arr2._pop())    // 返回删除的元素 4
console.log(arr2)    // [1, 2, 3]

sort()

默认状况下,sort() 会依照升序重新排列数组元素,即最小的值在后面,最大的值在前面。因而,sort() 会在每一项上调用 string() 转换函数,而后比拟字符串来决定程序。即便数组的元素都是数值,也会先把数组转换成字符串再比拟、排序。例如:

let values = [0, 1, 5, 10, 15]
values.sort()
console.log(values)   //0,1,10,15,5

一开始数组中的数值的程序是正确的,然而调用 sort() 会依照这些数值的字符串模式从新排序。所以它能够接管一个比拟函数,用于判断哪个值应该排在后面。

function compare(a, b) {if(a < b) return -1
   else if(a > b)  return 1
   else return 0
}

这个比拟函数能够实用于大多数数据类型,能够把他当做参数传给 sort(),例如:

let values = [0, 1, 5, 10, 15]
values.sort(compare)
console.log(values)   // 0,1,5,10,15

当然,也能够使排序产生降序成果,只须要把返回值替换一下即可:

function compare(a, b) {if(a < b) return 1
   else if(a > b)  return -1
   else return 0
}

let values = [0, 1, 5, 10, 15]
values.sort(compare)
console.log(values)   // 15,10,5,1,0

重写:

var arr = [4, 1, 6, 9, 3, 2, 8, 7]
var arr2 = [4, 1, 6, 9, 3, 2, 8, 7]
console.log(arr.sort());

Array.prototype.mySort = function (arr) {for (var i = 0; i < this.length; i++) {for (var j = i + 1; j < this.length; j++) {if (this[i] > this[j]) {var temp = this[i]
            this[i] = this[j]
            this[j] = temp;
         }
      }
   }
   return this
}

console.log('mySort:',arr2.mySort());

reverse()

将数组顺叙,扭转原数组


Array.prototype.myReverse = function () {
   var left = 0,
      right = this.length - 1;

   while (left < right) {var temp = this[left];
      this[left] = this[right];
      this[right] = temp;
      left++;
      right--;

   }
}
var arr2 = [1, 3, 5, 7, 9]
console.log('before:', arr2)  
myReverse(arr2)
console.log('after:', arr2)

shift()

删除数组第一个元素,并返回该元素

var arr = [1, 3, 5, 7]
console.log(arr.unshift(9))
console.log(arr)

Array.prototype.myUnshift = function () {
   var L = this.length;
   var newArr = arguments.length
   for (var i = L + newArr - 1; i >= 0; i--) {if (i > newArr - 1) {this[i] = this[i - newArr];
      } else {this[i] = arguments[i];
      }
   }
   return this.length;
}

var arr2 = [1, 3, 5, 7,]

console.log('myUnshift:', arr2.myUnshift(9));
console.log('myUnshift:', arr2)

unshift()

向数组结尾减少一个或多个元素,并返回新的长度

var arr = [1, 3, 5, 7]
console.log(arr.unshift(9))
console.log(arr)

Array.prototype.myUnshift = function () {
   var L = this.length;
   var newArr = arguments.length
   for (var i = L + newArr - 1; i >= 0; i--) {if (i > newArr - 1) {this[i] = this[i - newArr];
      } else {this[i] = arguments[i];
      }
   }
   return this.length;
}

var arr2 = [1, 3, 5, 7,]

console.log('myUnshift:', arr2.myUnshift(9));
console.log('myUnshift:', arr2)

举荐浏览

一文读懂浏览器存储与缓存机制

Python Type Hints 从入门到实际

正文完
 0