+++ title = “=8 js 拓展” description = “js 拓展” tags = [“Javascrip”, “前端”] date = “2019-05-27” location = “JiNan, CN” type = “post” keywords = “javascript,Date,前端” +++

1.Array

1.1 将类数组转化为数组

  • Array.prototype.slice.call() 方法：

MDN slice相关

slice 方法可以用来将一个类数组（Array-like）对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。

Array.slice(start, end) 方法用来截取数组 start 到 end （不包含 end）值，并返回一个新数组。

function list () {
  return Array.property.slice.call(arguments)
}

list(1, 2, 3)

除此以外可以使用 [].splice.call(arguments) 代替，也可以使用 bind 来简化过程。

const unboundSlice = Array.property.slice
const slice = Function.property.bind.call(unboundSlice)

function list () {
  return slice(arguments)
}

list(1, 2, 3)
  • Array.from 方法

MDN Array.from

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。

Array.prototype.sort()

Array.prototype.sort()默认根据字符串的Unicode编码进行排序，具体算法取决于实现的浏览器，在v8引擎中，若数组长度小于10则使用从插入排序，大于10使用的是快排。

随机排序

// 第一种方式，不完全随机
arr.sort(() => .5 - Math.random())
// 第二种方式，洗牌算法
Array.prototype.shuffle = function () {
  arr = this

  for (var item = arr.length - 1; item >= 0; item --) {
    const randomNum = Math.floor(Math.random() * (item + 1))
    [arr[randomNum], arr[item]] = [arr[item], arr[randomNum]]
  }
  
  return arr
}

一些js技巧

  • 判断奇偶数
const idOdd = num => !!(num & 1)