Home JavaScript JavaScript 手写原理

# every 原理

# 使用 for 实现

Array.prototype._every = function (callback) {
  for (let i = 0; i < this.length; i++) {
    if(!callback(this[i], i, this)) return false
  }
  return true
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const flag = array._every((value, index, array) => {
  return value !== '入间同学' // true
  //return value !== ' 蝶祈 ' //false
})
console.log(flag) // true
# 使用 for in 实现


Array.prototype._every = function (callback) {
  for (const key in this) {
    if('NaN' === (+key + '')) return true
    if(!callback(this[key], key, this)) return false
  }
  return true
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const flag = array._every((value, index, array) => {
  //return value !== ' 入间同学 ' //true
  return value !== '蝶祈' // false
})
console.log(flag) // false
# some 原理


# 使用 for 实现


Array.prototype._some = function (callback) {
  for (let i = 0; i < this.length; i++) {
    if(callback(this[i], i, this)) return true
  }
  return false
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const flag = array._some((value, index, array) => {
  return value === '入间同学' // false
  //return value === ' 蝶祈 ' //true
})
console.log(flag) // false
# 使用 for in 实现


Array.prototype._some = function (callback) {
  for (const key in this) {
    if('NaN' === (+key + '')) return false
    if(callback(this[key], key, this)) return true
  }
  return false
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const flag = array._some((value, index, array) => {
  return value === '入间同学' // false
  //return value === ' 蝶祈 ' //true
})
console.log(flag) // false
# find 原理


# 使用 for 实现


Array.prototype._find = function (callback) {
  if(!this.length) return undefined
  for (let i = 0; i < this.length; i++) {
    if(callback(this[i], i, this)) return this[i]
  }
  return undefined
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const res = array._find((value, index, array) => {
  return value === '入间同学' // undefined
  //return value === ' 蝶祈 ' // 蝶祈
})
console.log(res) // undefined
# 使用 for in 实现


Array.prototype._find = function (callback) {
  if(!this.length) return undefined
  for (const key in this) {
    if('NaN' === (+key + '')) return undefined
    if(callback(this[key], key, this)) return this[key]
  }
  return undefined
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const res = array._find((value, index, array) => {
  console.log(value)
  return value === '入间同学' // undefined
  //return value === ' 蝶祈 ' // 蝶祈
})
console.log(res) // 蝶祈
# findIndex 原理


# 使用 for 实现


Array.prototype._findIndex = function (callback) {
  if(!this.length) return -1
  for (let i = 0; i < this.length; i++){
    if(callback(this[i], i, this)) return i
  }
  return -1
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const res = array._findIndex((value, index, array) => {
  //return value === ' 入间同学 ' //-1
  return value === '蝶祈' // 2
})
console.log(res) // -1
# 使用 for in 实现


Array.prototype._findIndex = function (callback) {
  for (const key in this) {
    if('NaN' === +key + '') return -1
    if(callback(this[key], +key, this)) return +key
  }
  return -1
}
const array = ['稚名真白', '樱岛麻衣', '蝶祈']
const res = array._findIndex((value, index, array) => {
  //return value === ' 入间同学 ' //-1
  return value === '蝶祈' // 2
})
console.log(res) // 2