javascript-中数据类型那些可能会中招的细节_web前端，2024年最新学生会面试有趣的选择题-CSDN博客

本文链接：https://blog.csdn.net/weixin_57992300/article/details/138032846

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

javascript知识点：

【点击这里领取javascript学习资料】

一、number类型注意事项

number类型包括：正数、负数、0、小数、NaN

NaN：意思是not a number 不是一个有效数字，但是它是属于number类型的

(1) = 和 == 和 ===的区别

= 是赋值
== 是判断左右两边的值是否相等(非严格判断，只要字面相等则相等)
=== 是判断左右两边是否想相等,严格判断(包含数据类型,类型和字面相等才相等)

(2) NaN

NaN 和 NaN 是不相等的,NaN == NaN返回的是false
isNaN();检测一个值不是有效数字的命题是否成立，是有效数字则返回false，不是有效数字返回的才是true

isNaN() 如果检测的值不是number类型，浏览器会默认把值转换为number类型，然后在判断是否为有效数字

例如：
console.log(isNaN(“123”)) // 打印结果是 true
步骤:
1、首先把"123"转换成number类型的,使用Number()转换方法
2、然后判断number类型的值是否满足isNaN的条件

Number()方法强制将其他数据类型转为number类型(强制数据类型转换)

Number()方法强制将其他数据类型转为number类型，
要求：如果是字符串，字符串中一定都需要是数字才可以转换
例如：Number(“12”)返回的结果是12，Number(“12px”)返回的结果就是NaN

非强制数据类型转换 parseInt()/parseFloat()

parseInt: 从左到右，一个个字符查找，把是数字的转为有效数字，中途如果遇到了一个非有效数字，就不在继续查找了
parseFloat: 和上面一样，可以多识别一个小数点。

例如：parseInt(‘12px’)的值为 12
parseFloat(‘12.5px’)的值为 12.5

二、数据类型的转换规则

常用的boolean转换符号

! 一个感叹号是取反，首先将值转化为布尔类型的值，然后取反
!! 两个感叹号是将其他的数据类型转换为 boolean 类型，相当于Boolean()

转换规则：
1、如果只有一个值，判断这个值是真还是假，遵循：只有 0 NaN “” null undefined 这五个是假，其余的都是真

例如：
console.log(!3) // false
console.log(![]) // false
console.log(!{}) // false

console.log(!null) // true
console.log(!0) // true
console.log(!undefined) //true
console.log(!“”)) //true

注意：此处数字0才为假，如果是字符串的’0’,同样为真

例如：
if(0){
console.log(“为真”)
}else{
console.log(“为假”)
}
if(‘0’){
console.log(“为真”)
}else{
console.log(“为假”)
}

第一个输出为假，第二个输出为真

2、如果是两个值比较是否相等，遵循这个规则：
val1 == val2 两个值可能不是同一数据类型的，如果是 == 比较的话，会进行默认的数据类型转换

1)、对象 == 对象，永远不相等
2)、对象 == 字符串现将对象转换为字符串(调用toString的方法)，然后在进行比较

[] 转换为字符串 “”
{} 转换为字符串 “[object Object]”

所以: [] == “” 为 true
{} == “” 为 false

3)、对象 == 布尔类型对象先转为字符串(toString)，然后把字符串转换为数字(Number),布尔类型也转换为数字(true是1 false 是0)，最后让两个数字比较

例如：
console.log([] == false) // 为 true
解析：首先 []转为字符串"“,然后字符串转为数字类型number，Number(”")结果为0，false
转为数字类型，Number(false) 结果也为0，所以 [] == false, 就解析成了 0与0的比较，所以相等，
返回true

4)、对象 == 数字对象先转为字符串(toString)，然后把字符串转换为数字(Number)
5)、数字 == 布尔布尔类型转换为数字
6)、数字 == 字符串，字符串转换为数字

例如：5 == ‘5’ // 为 true

7)、字符串 == 布尔都转换为数字
8)、null === undefined 结果是true

console.log(null == undefined) // true

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

css源码pdf