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

相关推荐
鹏程5 分钟前
局域网下五子棋,html+node.js实现
node.js·html
PeterJXL19 分钟前
Chrome 下载文件时总是提示“已阻止不安全的下载”的解决方案
前端·chrome·安全
hackchen38 分钟前
从0到1解锁Element-Plus组件二次封装El-Dialog动态调用
前端·vue.js·elementui
君子宜耘心38 分钟前
el-table虚拟列表封装
前端
黄瓜沾糖吃41 分钟前
大佬们指点一下倒计时有什么问题吗?
前端·javascript
温轻舟42 分钟前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟
buibui42 分钟前
打包一个工具类
前端
巴别塔的饿灵44 分钟前
Webpack[TBC]
前端
LinHan1 小时前
我的浏览器插件 Horizon-Hop 又又又更新啦!
前端
一个小潘桃鸭1 小时前
需求:el-upload实现上传/粘贴图片功能
前端