一文读懂 JavaScript 包装类型：String、Number 与 Boolean

作者：函数茶馆时间：2026-10-24 22:57:39浏览：187

本文深入解析 JavaScript 中的包装类型概念，说明原始数据类型如何具备对象特征。详细梳理 String 类型的常用方法如 length、split、slice 等，以及 Number 类型的静态属性（MAX_VALUE、NaN 等）和数值转换方法（toFixed、toExponential）。同时简要介绍 Boolean 包装类型，帮助开发者全面掌握 JS 基础数据类型的对象化操作。

1、简介

在 JavaScript 中，字符串、数值和布尔值这三种原始数据类型表现出类似对象的行为，例如它们拥有属性和方法。这种特性源于 JavaScript 引擎在底层使用 Object 构造函数对这些原始值进行了“包装”，因此将它们统称为包装类型。

2、String

1、创建语法

字面量

let str = 'abcd';

构造函数

let st1 = new String('abcd');

2、常用方法

实例属性 length 用于获取字符串的长度。

		let str = 'abcdefgabcd';
		console.log( str.length );

实例方法 split 可将字符串拆分为数组。

		let str = 'abcdefgabcd';
		let re = str.split('');
		console.log(re);

实例方法 toUpperCase 用于将字符串中的字母转换为大写。

		let str = 'abcdeFGabcd';
		// toUpperCase：把字母转成大写
		let re = str.toUpperCase();
		console.log(re);

实例方法 toLowerCase 用于将字符串中的字母转换为小写。

		let str = 'abcdeFGabcd';
		// toLowerCase：把字母转成小写
		let re1 = str.toLowerCase();
		console.log(re);

实例方法 slice 用于截取字符串。

		let str = 'abcdefgabcd';
		// 注意：如果只有一个参数，那么从这个索引值位置开始一直截取到最后
		// slice：截取字符串
		// 字符串.slice(start，end);从start索引值位置截取字符串截取到end索引位置
		// 注意：end索引位置上的字符取不到
		let re = str.slice(1, 4);
		console.log(re);

实例方法 indexOf 用于检测字符串中是否包含指定字符。

		let str = 'abcdefgabcd';
		// indexOf：查找某个元素首次出现的索引值，找不到就是-1
		// let re = str.indexOf('mm');
		// lastIndexOf：查找某个元素尾次出现的索引值，找不到就是-1
		let re = str.lastIndexOf('d')
		console.log(re);

实例方法 replace 用于替换字符串，并支持正则表达式匹配。

str="Please visit Microsoft!"
var n=str.replace("Microsoft","Runoob");

3、更多方法

1、简介

3、Number

1、语法

var num = new Number(value);

2、属性

constructor：返回对创建此对象的 Number 函数的引用。
MAX_VALUE 表示可表示的最大数值。
MIN_VALUE 表示可表示的最小数值。
NEGATIVE_INFINITY 表示负无穷大，当数值溢出时返回该值。
NaN 表示非数字值。
POSITIVE_INFINITY 表示正无穷大，当数值溢出时返回该值。
prototype 允许向对象添加属性和方法。

3、常用方法

isFinite 用于检测指定参数是否为有限数值。
toExponential(x) 将对象的值转换为指数计数法表示。
toFixed(x) 将数字转换为字符串，结果中小数点后保留指定位数的数字。

var num = 5.56789;
var n=num.toFixed(2); //5.57

valueOf() 返回一个 Number 对象的基本数字值。
toString() 把数字转换为字符串，使用指定的基数。
Number.isInteger(): 用来判断给定的参数是否为整数

Number.isInteger(10);        // 返回 true
Number.isInteger(10.5);      // 返回 false

Number.isSafeInteger(): 判断传入的参数值是否是一个"安全整数"。

Number.isSafeInteger(10);    // 返回 true
Number.isSafeInteger(12345678901234567890);  // 返回 false

4、Boolean

1、简介

总结

本文到此结束，希望能为读者提供有益的帮助，同时也欢迎大家关注本站以获取更多相关内容！

作者最新文章

JS大数值转字符串出现科学计数法怎么办

2026-11-05 17:09:21

JS split切割后出现空字符串怎么过滤

2026-11-05 16:00:30

在 React 或 Vue 项目中封装使用 JS 节流防抖

2026-11-05 15:27:29

JavaScript中怎么将带小数的字符串转为整数？

2026-11-05 14:32:38

怎么用JavaScript策略模式重构电商促销计算逻辑？

2026-11-05 14:01:09