js判断数据类型、toString和valueOf区别，类型转换、不同类型间的运算、判断相等

2023-10-05 01:46
文章标签 类型 数据类型 js 判断 运算 区别 类型转换 不同 相等 tostring valueof

本文主要是介绍js判断数据类型、toString和valueOf区别，类型转换、不同类型间的运算、判断相等，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

判断数据类型

运算符

typeof：判断 基本数据类型

typeof null=Object 类型标签均为000

实例 instanceof 构造函数：判断原型链，和isPrototypeOf

方法

构造函数.prototype.isPrototypeOf(实例) ：判断原型链

(数据).constructor === 数据类型：不包含继承类型

显示

toString，valueOf

除了null，undefined

基本数据类型、function，Array，RegExp：返回数据本身

引用数据类型

Object，(Weak)Map、(Weak)Set：[object 类型]

Date：...中国标准时间(ECMAScript规范定义的日期时间字符串格式)

valueOf：this 值转换为对象

toString：重写对象的类型转换

类型转换

Number

数字字面量：浮点数值

显式类型转换

Number(任意类型)：任意类型->string、若string含非数字，会返回NaN

[num]为num

undefined、{} 为 NaN

null 、[]、''空字符串或仅包含空格的字符串、为 0

BigInt 抛出 TypeError，以防止意外的强制隐式转换导致精度损失

Symbol 抛出 TypeError  

Date：秒

前导和尾随的空格/换行符会被忽略

前导的数字 0 不会导致该数值成为八进制字面量

+ 和 - 是独立的一元运算符，后面不能跟空格

parseInt(string[,radix])：基数radix是2-36之间的整数

parseFloat(string)：解析一个参数并返回一个浮点数，无法识别 0x 前缀

区别：pase类自动截断尾部非数字，Number不会截断

parseInt(string[,radix])：基数radix是2-36之间的整数

parseFloat(string)：解析一个参数并返回一个浮点数

隐式转换：+str-，含boolean的相加

str - 1 //122

+str+1 // 124

str+1 // '1231'

string

显式类型转换

除了null/undefined.toString()  

String(任意类型) 

隐式转换：含str的相加

Boolean

显式类型转换

Boolean()：0, ''(空字符串), null, undefined, NaN会转成false，其它都是true

隐式转换 ：!!

比较

字符串：字符顺序（等长），长的大（短是长的前缀）

相加减：交换顺序后结果不变

num相加

null、undefined、boolean基本类型：转Number

obj、function、arr、Date等引用类型：转string

因为只有[]\[num]这两类特殊的数字才能转换为Number、所以为了统一，arr：转string优先于Number

num相减：能转number就转，不能则NaN

相等

全局属性 NaN ：非数字的值，它与任何其他值（包括自身）都不相等

Object.is(val0, val1)：NaN等，±0不等

===、==：NaN不等、±0等

松散相等==（可自动转换类型） 和 严格相等===

比较的是内存单元的内容

对象传递是引用地址：判断对象相等，需要深度比较

set用===判断是否相等

判断数据类型

运算符

typeof：判断 基本数据类型

typeof null=Object 类型标签均为000

实例 instanceof 构造函数：判断原型链，和isPrototypeOf

Object.prototype.isPrototypeOf({})// true
{} instanceof Object// true

方法

构造函数.prototype.isPrototypeOf(实例) ：判断原型链

(数据).constructor === 数据类型：不包含继承类型

显示

toString，valueOf

除了null，undefined

基本数据类型、function，Array，RegExp：返回数据本身

//基本数据类型
//ES5：Null，Undefined，Number，String，Boolean
//ES6：Symbol
//ES10：Bigint
console.log(Symbol('foo').toString());//"Symbol(foo)"
console.log(Symbol('foo').valueOf());//Symbol(foo)

引用数据类型

Object，(Weak)Map、(Weak)Set：[object 类型]

Date：...中国标准时间(ECMAScript规范定义的日期时间字符串格式)

valueOf：this 值转换为对象

在这里插入图片描述

let set=new Set()
set.add(1)
console.log(set.toString()); //"[object Set]"
console.log(set.valueOf()); //[object Set]let mp=new Map()
mp.set("1",1)
console.log(mp.toString()); //"[object Map]"
console.log(mp.valueOf()); //[object Map]

toString：重写对象的类型转换

在这里插入图片描述在这里插入图片描述

//"Sun Dec 17 1995 03:24:00 GMT+0800 (中国标准时间)"
console.log(new Date("December 17, 1995 03:24:00").toString());

类型转换

Number

数字字面量：浮点数值

像 37 这样的数字字面量是浮点数值，而不是整数。JavaScript 没有单独的整数类型。

显式类型转换

Number(任意类型)：任意类型->string、若string含非数字，会返回NaN
[num]为num
undefined、{} 为 NaN
null 、[]、''空字符串或仅包含空格的字符串、为 0
console.log(Number({}))//NaN
console.log(Number([]))//0
console.log(Number([1]))//1
console.log(Number(null))//0
console.log(Number(undefined))//NaN
BigInt 抛出 TypeError，以防止意外的强制隐式转换导致精度损失
Symbol 抛出 TypeError  
Date：秒
Number(new Date("December 17, 1995 03:24:00"));//819199440000
前导和尾随的空格/换行符会被忽略
前导的数字 0 不会导致该数值成为八进制字面量
Number("0x11"); // 17
Number("0b11"); // 3
Number("0o11"); // 9
+ 和 - 是独立的一元运算符，后面不能跟空格

不允许使用数字分隔符 

parseInt(string[,radix])：基数radix是2-36之间的整数
parseFloat(string)：解析一个参数并返回一个浮点数，无法识别 0x 前缀
区别：pase类自动截断尾部非数字，Number不会截断
console.log(parseInt('6f'));//6
console.log(parseFloat('6f'));//NaN
console.log(Number('6f'));//6
parseInt(string[,radix])：基数radix是2-36之间的整数
parseFloat(string)：解析一个参数并返回一个浮点数

隐式转换：+str-，含boolean的相加

str = '123'

  1. str - 1 //122
  2. +str+1 // 124
  3. str+1 // '1231'

string

显式类型转换

除了null/undefined.toString()  
String(任意类型) 

隐式转换：含str的相加

Boolean

显式类型转换

Boolean()：0, ''(空字符串), null, undefined, NaN会转成false，其它都是true

隐式转换 ：!!

比较

字符串：字符顺序（等长），长的大（短是长的前缀）

console.log('apple' < 'banana'); // true，因为 'a' 在 Unicode 中比 'b' 小
console.log('apple' < 'apples'); // true，因为 'apple' 是 'apples' 的前缀
console.log('apple' < 'apricot'); // true，因为 'l' 在 Unicode 中比 'r' 小

相加减：交换顺序后结果不变

num相加

console.log(Number([1]))//1
console.log(Number([]))//0
console.log(Number(null))//0
console.log(Number({}))//NaN
console.log(Number(undefined))//NaN

null、undefined、boolean基本类型：转Number

console.log(1+null); //1
console.log(undefined+1); //NaN

obj、function、arr、Date等引用类型：转string

console.log({}+1)//[object Object]1
console.log(1+{a:1,b:2})//1[object Object]
console.log(typeof(1+{a:1}))//string
console.log(1+function(){console.log()}); "1function(){console.log()}"
因为只有[]\[num]这两类特殊的数字才能转换为Number、所以为了统一，arr：转string优先于Number
console.log([]+1); // "1"
console.log(1+[]); // "1"
console.log(1+['a'])//1a 
console.log(1+['a',2])//1a,2
console.log(1+[2,2])//12,2
console.log([0,1]+[2,2])//0,12,2

num相减：能转number就转，不能则NaN

//number与其他数据相加减
//:能转number就转，不能则转string相加，object，arr（元素超过1个 或者 非number元素）
console.log(1-{})//NaN
console.log(1-[])//1
console.log(1-[1])//0
console.log(1-['a'])//NaN
console.log(1-null)//1

相等

全局属性 NaN ：非数字的值，它与任何其他值（包括自身）都不相等

Object.is(val0, val1)：NaN等，±0不等

===、==：NaN不等、±0等

Object.is() 使用了 "SameValueZero" 比较算法，它不会对 NaN 进行特殊处理，而是按照严格的值相等性规则比较

console.log(NaN===NaN);
// Expected output: falseconsole.log(NaN==NaN);
// Expected output: falseconsole.log(Object.is(NaN, NaN));
// Expected output: trueconsole.log(Object.is(-0, +0));
// Expected output: falseconsole.log(Object.is(null, undefined));
// Expected output: false

松散相等==（可自动转换类型） 和 严格相等===

比较的是内存单元的内容

255 === 255.0; // true
255 === 0xff; // true（十六进制表示）
255 === 0b11111111; // true（二进制表示）
255 === 0.255e3; // true（十进制指数记数法）

对象传递是引用地址：判断对象相等，需要深度比较

const obj = {};
console.log(Object.is(obj, {}));
// Expected output: false
set用===判断是否相等
//Set用===判断是否相等
const set= new Set();
const obj1={ x: 10, y: 20 },obj2={ x: 10, y: 20 }
set.add(obj1).add(obj2);console.log(obj1===obj2);//false
console.log(set.size);// 2set.add(obj1);
console.log(obj1===obj1);//true
console.log(set.size);//2

这篇关于js判断数据类型、toString和valueOf区别，类型转换、不同类型间的运算、判断相等的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

原文地址:
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.chinasem.cn/article/3127。

相关文章

一文带你迅速搞懂路由器/交换机/光猫三者概念区别

一文带你迅速搞懂路由器/交换机/光猫三者概念区别

《一文带你迅速搞懂路由器/交换机/光猫三者概念区别》讨论网络设备时，常提及路由器、交换机及光猫等词汇，日常生活、工作中，这些设备至关重要，居家上网、企业内部沟通乃至互联网冲浪皆无法脱离其影响力，本文将... 当谈论网络设备时，我们常常会听到路由器、交换机和光猫这几个名词。它们是构建现代网络基础设施的关键组成
阅读更多...
redis和redission分布式锁原理及区别说明

redis和redission分布式锁原理及区别说明

《redis和redission分布式锁原理及区别说明》文章对比了synchronized、乐观锁、Redis分布式锁及Redission锁的原理与区别,指出在集群环境下synchronized失效,... 目录Redis和redission分布式锁原理及区别1、有的同伴想到了synchronized关键字
阅读更多...
MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)

MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)

《MyBatis的xml中字符串类型判空与非字符串类型判空处理方式(最新整理)》本文给大家介绍MyBatis的xml中字符串类型判空与非字符串类型判空处理方式,本文给大家介绍的非常详细,对大家的学习或... 目录完整 Hutool 写法版本对比优化为什么status变成Long？为什么 price 没事？怎
阅读更多...
MySQL数据类型与表操作全指南( 从基础到高级实践)

MySQL数据类型与表操作全指南( 从基础到高级实践)

《MySQL数据类型与表操作全指南(从基础到高级实践)》本文详解MySQL数据类型分类（数值、日期/时间、字符串）及表操作（创建、修改、维护）,涵盖优化技巧如数据类型选择、备份、分区,强调规范设计与... 目录mysql数据类型详解数值类型日期时间类型字符串类型表操作全解析创建表修改表结构添加列修改列删除列
阅读更多...
C#之枚举类型与随机数详解

C#之枚举类型与随机数详解

《C#之枚举类型与随机数详解》文章讲解了枚举类型的定义与使用方法,包括在main外部声明枚举,用于表示游戏状态和周几状态,枚举值默认从0开始递增,也可手动设置初始值以生成随机数... 目录枚举类型1.定义枚举类型(main外)2.使用生成随机数总结枚举类型1.定义枚举类型(main外)enum 类型名字
阅读更多...
Python lambda函数(匿名函数)、参数类型与递归全解析

Python lambda函数(匿名函数)、参数类型与递归全解析

《Pythonlambda函数(匿名函数)、参数类型与递归全解析》本文详解Python中lambda匿名函数、灵活参数类型和递归函数三大进阶特性,分别介绍其定义、应用场景及注意事项,助力编写简洁高效... 目录一、lambda 匿名函数：简洁的单行函数1. lambda 的定义与基本用法2. lambda
阅读更多...
C语言自定义类型之联合和枚举解读

C语言自定义类型之联合和枚举解读

《C语言自定义类型之联合和枚举解读》联合体共享内存,大小由最大成员决定,遵循对齐规则；枚举类型列举可能值,提升可读性和类型安全性,两者在C语言中用于优化内存和程序效率... 目录一、联合体1.1 联合体类型的声明1.2 联合体的特点1.2.1 特点11.2.2 特点21.2.3 特点31.3 联合体的大小1
阅读更多...
MySQL 索引简介及常见的索引类型有哪些

MySQL 索引简介及常见的索引类型有哪些

《MySQL索引简介及常见的索引类型有哪些》MySQL索引是加速数据检索的特殊结构,用于存储列值与位置信息,常见的索引类型包括：主键索引、唯一索引、普通索引、复合索引、全文索引和空间索引等,本文介绍... 目录什么是 mysql 的索引？常见的索引类型有哪些？总结性回答详细解释1. MySQL 索引的概念2
阅读更多...
Oracle迁移PostgreSQL隐式类型转换配置指南

Oracle迁移PostgreSQL隐式类型转换配置指南

《Oracle迁移PostgreSQL隐式类型转换配置指南》Oracle迁移PostgreSQL时因类型差异易引发错误,需通过显式/隐式类型转换、转换关系管理及冲突处理解决,并配合验证测试确保数据一致... 目录一、问题背景二、解决方案1. 显式类型转换2. 隐式转换配置三、维护操作1. 转换关系管理2.
阅读更多...
Python标准库datetime模块日期和时间数据类型解读

Python标准库datetime模块日期和时间数据类型解读

《Python标准库datetime模块日期和时间数据类型解读》文章介绍Python中datetime模块的date、time、datetime类,用于处理日期、时间及日期时间结合体,通过属性获取时间... 目录Datetime常用类日期date类型使用时间 time 类型使用日期和时间的结合体–日期时间(
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2