JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识

简介: JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识

正文

console.log(Infinity > Number.MAX_VALUE);
console.log(-Infinity < Number.MIN_VALUE);
console.log(NaN);
//true
//true
//NaN
  • isNaN

这个方法用来判断非数字,并且返回一个值,如果是数字返回的是false,如果不是数字返回的是true

1.1.2 String

字符串型可以是引号中的任意文本,其语法为 "XXX"'XXX'

  • 字符串引号嵌套

JS可以用单引号嵌套双引号,或者用 双引号嵌套单引号 (外双内单,外单内双)

  • 字符串转义符

类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。转义符都是 \ 开头的,常用的转义符及其说明如下:

| 转义符 | 解释说明 |
| — | — |
| \n | 换行符,n是newline |
| \ \ | 斜杠\ |
| \ ’ | ’ 单引号 |
| \ ‘’ | ‘’ 双引号 |
| \ t | tab 缩进 |
| \ b | 空格,b是blank的意思 |
  • 字符串长度

我们可以通过字符串Stringlength 属性来得到字符串的长度

  • 字符串的拼接

多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

1.1.3 Boolean
  • 布尔类型有两个值:truefalse ,其中 true 表示,而 false 表示
  • 布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0
1.1.4 undefined
  • 一个声明后没有被赋值的变量会有一个默认值 undefined
  • 值为undefined的变量与一个字符串型变量相加结果是将undefined当作字符串来看待
  • 值为undefined的变量与一个数字型变量相加,结果是NaN
1.1.5 null

赋给变量 null 值,里面存的值为空

1.1.5 typeof

typeof 可用来获取检测变量的数据类型

tips:

  • 存储null的变量的类型是object

2.数据类型转换

=======================================================================

使用表单、prompt获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。

①转换为字符串型
| 方式 | 说明 | 案例 |
| — | — | — |
| toString() | 转成字符串 | var num = 1; alert(num.toString()); |
| String() | 转成字符串 | var num = 1; alert(String(num)); |
| 加号拼接字符串 | 和字符串拼接的结果都是字符串 | var num =1; alert(num+“格子学前端”); |
②转换为数字型

| 方式 | 说明 | 案例 |

总结

=============================================================

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。
  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。


相关文章
|
11天前
|
前端开发 JavaScript 数据处理
前端新手指南:如何解决JavaScript导出CSV文件不完整的问题
【6月更文挑战第4天】在JavaScript中处理CSV文件时,需要特别注意一些特殊字符,例如逗号、双引号、换行符等。这些字符可能会影响CSV文件的解析,导致数据错乱。
42 0
|
7天前
|
前端开发 JavaScript 安全
高级前端开发需要知道的 25 个 JavaScript 单行代码
1. 不使用临时变量来交换变量的值 2. 对象解构,让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8. 将文本复制到剪贴板 9. 删除数组重复项 10. 取两个数组的交集 11. 求数组元素的总和 12. 根据指定条件判断,是否给对象的属性赋值 13. 使用变量作为对象的键 14. 离线状态检查器 15. 离开页面弹出确认对话框 16. 对象数组,根据对象的某个key求对应值的总和 17. 将 url 问号后面的查询字符串转为对象 18. 将秒数转换为时间格式的字符串 19.
18 3
高级前端开发需要知道的 25 个 JavaScript 单行代码
|
11天前
|
JavaScript 前端开发 网络协议
前端JS发起的请求能暂停吗?
在讨论前端JS发起的请求是否能暂停时,需要明确两个概念:什么状态可以被认为是“暂停”?以及什么是JS发起的请求?
70 1
前端JS发起的请求能暂停吗?
|
1天前
|
前端开发 JavaScript Serverless
前端新手建议收藏的JavaScript 代码技巧
前端新手建议收藏的JavaScript 代码技巧
11 3
|
2天前
|
设计模式 前端开发 JavaScript
关于写好前端JS代码的一些建议
关于写好前端JS代码的一些建议
13 2
|
2天前
|
JavaScript 前端开发
javaScript数据类型代码详细解读
javaScript数据类型代码详细解读
|
12天前
|
前端开发 JavaScript 测试技术
web前端语言框架:探索现代前端开发的核心架构
web前端语言框架:探索现代前端开发的核心架构
19 4
|
10天前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
|
13天前
|
存储 JavaScript 前端开发
JavaScript基础-数据类型与转换
【6月更文挑战第11天】本文介绍了JavaScript的核心概念——数据类型和转换机制。JavaScript包含六种原始类型(Number, String, Boolean, Undefined, Null, Symbol)和一种复合类型(Object)。文章讨论了特殊值(NaN, Infinity)及其易错点,如误判NaN和null与undefined的混淆。此外,还阐述了隐式与显式类型转换,提醒开发者注意非数字字符串转Number和空字符串转Boolean时的陷阱。理解这些概念有助于编写更健壮的代码。
|
14天前
|
前端开发 JavaScript 安全
TypeScript作为一种静态类型的JavaScript超集,其强大的类型系统和面向对象编程特性为微前端架构的实现提供了有力的支持
【6月更文挑战第11天】微前端架构借助TypeScript提升开发效率和代码可靠性。 TypeScript提供类型安全,防止微前端间通信出错;智能提示和自动补全加速跨代码库开发;重构支持简化代码更新。通过定义公共接口确保一致性,用TypeScript编写微前端以保证质量。集成到构建流程确保顺利构建打包。在微前端场景中,TypeScript是强有力的语言选择。
28 2