当前位置: 首页 > news >正文

JavaScript数据类型及内置函数详解目录

目录

1. 数据类型概述

2. Undefined类型

3. Null类型

4. Boolean类型

构造函数

实例方法

5. Number类型

构造函数

静态属性

实例方法

6. String类型

构造函数

实例方法

7. Symbol类型

构造函数

静态方法

8. BigInt类型

构造函数

实例方法

9. Object类型

构造函数

静态方法

原型方法

常见子类型示例

Array类型

Date类型



1. 数据类型概述

JavaScript共有8种数据类型:

  • 基本类型(7种):Undefined、Null、Boolean、Number、String、Symbol、BigInt
  • 复杂类型(1种):Object

2. Undefined类型

表示未定义的值,没有构造函数和内置方法

let test;
console.log(test); // undefined


3. Null类型

表示空值,没有构造函数和内置方法

let empty = null;
console.log(empty); // null


4. Boolean类型

构造函数
new Boolean(value) // 返回布尔对象
Boolean(value)     // 返回原始值

实例方法
const bool = new Boolean(true);// toString()
console.log(bool.toString()); // "true"// valueOf()
console.log(bool.valueOf());  // true


5. Number类型

构造函数
new Number(value) // 返回数字对象
Number(value)     // 返回原始值

静态属性
Number.MAX_VALUE    // 最大数值
Number.MIN_VALUE    // 最小正值
Number.NaN          // 非数字值

实例方法
const num = 123.456;// toFixed(n)
console.log(num.toFixed(2)); // "123.46"// toString(radix)
console.log(num.toString(16)); // "7b.74bc6a7ef9"// toExponential(n)
console.log(num.toExponential(2)); // "1.23e+2"


6. String类型

构造函数
new String(text) // 返回字符串对象
String(text)     // 返回原始值

实例方法
const str = "Hello World";// charAt(index)
console.log(str.charAt(1)); // "e"// substring(start, end)
console.log(str.substring(0,5)); // "Hello"// replace(search, replace)
console.log(str.replace("World", "JS")); // "Hello JS"


7. Symbol类型

构造函数
Symbol([description])

静态方法
// Symbol.for(key)
const sym1 = Symbol.for('uid');// Symbol.keyFor(sym)
console.log(Symbol.keyFor(sym1)); // "uid"


8. BigInt类型

构造函数
BigInt(value)

实例方法
const bigInt = 123n;// toString()
console.log(bigInt.toString()); // "123"// valueOf()
console.log(bigInt.valueOf());  // 123n


9. Object类型

构造函数
new Object()

静态方法
// Object.keys(obj)
const obj = {a:1, b:2};
console.log(Object.keys(obj)); // ["a", "b"]// Object.assign(target, source)
const target = {a:1};
Object.assign(target, {b:2});
console.log(target); // {a:1, b:2}

原型方法
// hasOwnProperty(key)
console.log(obj.hasOwnProperty('a')); // true// toString()
console.log(obj.toString()); // "[object Object]"


常见子类型示例

Array类型
const arr = [1,2,3];// push(element)
arr.push(4); // [1,2,3,4]// map(callback)
console.log(arr.map(x => x*2)); // [2,4,6,8]

Date类型
const date = new Date();// getFullYear()
console.log(date.getFullYear()); // 当前年份// toISOString()
console.log(date.toISOString()); // ISO格式字符串


本文完整覆盖了JavaScript的8种数据类型及其核心内置方法,通过示例代码演示了各类型的主要特性。实际开发中建议优先使用原始类型,仅在必要时使用包装对象。

http://www.dtcms.com/a/212367.html

相关文章:

  • 【MYSQL】索引、存储引擎
  • Next.js V15 在异步页面中,获取路由动态参数的几个坑
  • 【二刷力扣】【力扣热题100】今天的题目是:283.移动零
  • 2025.5.22 Axure 基础与线框图制作学习笔记
  • 大数据Spark(六十):Spark On Yarn 配置
  • 软件工程重点复习
  • C++学习之打车软件—高德地图API
  • 图解 | 大模型智能体LLM Agents
  • 网络原理入门详解:从零理解互联网如何工作
  • mysql知识点1--了解数据库
  • c/c++的opencv椒盐噪声
  • 学习日志12 java
  • 【IPMV】图像处理与机器视觉:Lec12 Blob Detector 斑点检测
  • MLA:Transformer的智能变形金刚——解密多头潜在注意力的进化密码
  • DOM事件的传播机制
  • Dify 本地源码安装教程
  • Llama 4中文调优全流程解
  • Win11 系统登入时绑定微软邮箱导致用户名欠缺
  • ST表——算法的优化
  • LambdaQueryWrapper、MybatisPlus提供的基本接口方法、增删改查常用的接口方法、自定义 SQL
  • QML学习06Button
  • ArrayList 与 LinkedList 区别?
  • CMake学习笔记(六)可以在CMake的function中修改function函数体之外的变量值吗?
  • 探索智能仓颉
  • git push出现 “HTTP 400 curl 22 The requested URL returned error: 400...“错误
  • Ntfs!NtfsReadBootSector函数分析之nt!CcGetVacbMiss中得到一个nt!_VACB结构
  • 白皮精读:全国统一数据资产登记体系建设白皮书【附全文阅读】
  • MQTT-SpringBoot整合
  • 6.4.3_有向无环图描述表达式
  • JAVA 项目中 maven pom.xml 和 properties 配置文件、spring 配置文件,以及环境变量的关系