ES6数组判断以及原始值转换

一. 数组判断

  1. 情况一
js 复制代码
const target = {}

function isArray(target) {
    return Object.prototype.toString.call(target) === "[object Array]"
}
console.log(isArray(target)) // false
js 复制代码
const target = {
    [Symbol.toStringTag]: "Array",
}

function isArray(target) {
    return Object.prototype.toString.call(target) === "[object Array]"
}
console.log(isArray(target)) // true

  1. 情况二
js 复制代码
const target = {}

function isArray(target) {
    return target instanceof Array
}

console.log(isArray(target)) // false
js 复制代码
const target = {}
Object.setPrototypeOf(target, Array.prototype)
function isArray(target) {
    return target instanceof Array
}

console.log(isArray(target)) // true

使用ES6

js 复制代码
const target = {
    [Symbol.toStringTag]: "Array",
}

Object.setPrototypeOf(target, Array.prototype)

function isArray(target) {
    return Array.isArray(target)
}

console.log(isArray(target)) // false

二. 原始值转换

  1. 情况一
js 复制代码
const target = {}
console.log(target.toString()) // [object Object]
console.log(target + 1) // [object Object]1
  1. 情况二
js 复制代码
const target = {
    toString() { return 1 },
}
console.log(target.toString()) // 1
console.log(target + 1) // 2
  1. 情况三
js 复制代码
const target = {
    toString() { return 1 },
    valueOf() {
        return 2
    },
}
console.log(target.toString()) // 1
console.log(target + 1) // 3
  1. 情况四 参考mdn
js 复制代码
const target = {
    toString() { return 1 },
    valueOf() {
        return 2
    },
    [Symbol.toPrimitive](hint) {
        return 3
    },
}
console.log(target.toString()) // 1
console.log(target + 1) // 4

原始值强制转换优先权重:[Symbol.toPrimitive] > valueOf > toString

相关推荐
coding随想1 小时前
JavaScript中的系统对话框:alert、confirm、prompt
开发语言·javascript·prompt
LuckyLay1 小时前
使用 Docker 搭建 Rust Web 应用开发环境——AI教你学Docker
前端·docker·rust
pobu1681 小时前
aksk前端签名实现
java·前端·javascript
烛阴2 小时前
带参数的Python装饰器原来这么简单,5分钟彻底掌握!
前端·python
0wioiw02 小时前
Flutter基础(前端教程⑤-组件重叠)
开发语言·前端·javascript
冰天糖葫芦2 小时前
VUE实现数字翻牌效果
前端·javascript·vue.js
Brilliant Nemo2 小时前
集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged
javascript
嘉琪0012 小时前
2025 js——面试题(7)——ajax相关
开发语言·javascript·ajax
南岸月明2 小时前
我与技术无缘,只想副业搞钱
前端