当前位置: 首页 > 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种数据类型及其核心内置方法,通过示例代码演示了各类型的主要特性。实际开发中建议优先使用原始类型,仅在必要时使用包装对象。

相关文章:

  • 【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
  • 网站被抄袭怎么办/下载百度 安装
  • 厦门网站建设哪家好/百度seo公司
  • 做网站需要提供什么资料/短视频推广平台
  • 网站建设项目介绍/网站网络排名优化方法
  • 网站flsh怎么做/优秀网页设计作品
  • wordpress可视化界面/seo公司软件