javascript基本包装类型介绍

JavaScript 基本包装类型指的是 Boolean、Number 和 String 这三种类型,它们提供了将基本类型值转换为对象的能力。在需要调用方法时,这种类型非常方便。

Boolean

Boolean 基本包装类型表示的是布尔值,即 true 和 false。创建 Boolean 对象有两种方式:一种是通过 Boolean 构造函数创建,另一种是使用 boolean 值。例如:

// 创建 Boolean 对象
var booleanObj = new Boolean(true);

// 直接使用布尔值
var booleanValue = false;

创建 Boolean 对象之后,就可以使用以下方法:

  • valueOf():返回 Boolean 值。
  • toString():返回 Boolean 值的字符串表示。
// 使用 Boolean 对象
console.log(booleanObj.valueOf()); // true
console.log(booleanObj.toString()); // "true"

// 直接使用布尔值
console.log(booleanValue.valueOf()); // false
console.log(booleanValue.toString()); // "false"

Number

Number 基本包装类型表示的是数字。创建 Number 对象和 Boolean 对象类似,也有两种方式:一种是通过 Number 构造函数创建,另一种是使用数字值。例如:

// 创建 Number 对象
var numberObj = new Number(123);

// 直接使用数字值
var numberValue = 456;

Number 对象提供了以下方法:

  • valueOf():返回 Number 值。
  • toString():返回 Number 值的字符串表示。
  • toFixed():把 Number 值转换为字符串并保留指定的小数位数。
  • toExponential():把 Number 值转换为指数表示法的字符串。
  • toPrecision():把 Number 值转换为指定位数的字符串表示。
// 使用 Number 对象
console.log(numberObj.valueOf()); // 123
console.log(numberObj.toString()); // "123"
console.log(numberObj.toFixed(2)); // "123.00"
console.log(numberObj.toExponential(2)); // "1.23e+2"
console.log(numberObj.toPrecision(3)); // "123"

// 直接使用数字值
console.log(numberValue.valueOf()); // 456
console.log(numberValue.toString()); // "456"
console.log(numberValue.toFixed(2)); // "456.00"
console.log(numberValue.toExponential(2)); // "4.56e+2"
console.log(numberValue.toPrecision(4)); // "456.0"

String

String 基本包装类型表示的是字符串。创建 String 对象和前两种类似,也有两种方式:一种是通过 String 构造函数创建,另一种是使用字符串值。例如:

// 创建 String 对象
var stringObj = new String("abc");

// 直接使用字符串值
var stringValue = "def";

String 对象提供了以下方法:

  • valueOf():返回 String 值。
  • toString():返回 String 值的字符串表示。
  • charAt():返回指定位置的字符。
  • charCodeAt():返回指定位置的字符的 Unicode 值。
  • concat():连接两个或多个字符串,并返回新的字符串。
  • indexOf():返回指定字符在字符串中首次出现的位置。
  • lastIndexOf():返回指定字符在字符串中最后一次出现的位置。
  • match():在字符串中搜索匹配正则表达式的结果。
  • replace():在字符串中用替换字符串替换匹配正则表达式的结果。
  • search():在字符串中搜索匹配正则表达式的位置。
  • slice():提取字符串的片断,并返回新的字符串。
  • split():把字符串分割成字符串数组。
  • substring():提取字符串的片断,并返回新的字符串,和 slice() 方法类似。
  • toLowerCase():把字符串转换为小写。
  • toUpperCase():把字符串转换为大写。
// 使用 String 对象
console.log(stringObj.valueOf()); // "abc"
console.log(stringObj.toString()); // "abc"
console.log(stringObj.charAt(1)); // "b"
console.log(stringObj.charCodeAt(1)); // 98
console.log(stringObj.concat("def")); // "abcdef"
console.log(stringObj.indexOf("b")); // 1
console.log(stringObj.lastIndexOf("c")); // 2
console.log(stringObj.match(/a/)); // ["a", index: 0, input: "abc", groups: undefined]
console.log(stringObj.replace(/a/, "d")); // "dbc"
console.log(stringObj.search(/b/)); // 1
console.log(stringObj.slice(1)); // "bc"
console.log(stringObj.split("b")); // ["a", "c"]
console.log(stringObj.substring(1)); // "bc"
console.log(stringObj.toLowerCase()); // "abc"
console.log(stringObj.toUpperCase()); // "ABC"

// 直接使用字符串值
console.log(stringValue.valueOf()); // "def"
console.log(stringValue.toString()); // "def"
console.log(stringValue.charAt(1)); // "e"
console.log(stringValue.charCodeAt(1)); // 101
console.log(stringValue.concat("abc")); // "defabc"
console.log(stringValue.indexOf("e")); // 1
console.log(stringValue.lastIndexOf("f")); // 2
console.log(stringValue.match(/e/)); // ["e", index: 1, input: "def", groups: undefined]
console.log(stringValue.replace(/e/, "x")); // "dxf"
console.log(stringValue.search(/f/)); // 2
console.log(stringValue.slice(1)); // "ef"
console.log(stringValue.split("e")); // ["d", "f"]
console.log(stringValue.substring(1)); // "ef"
console.log(stringValue.toLowerCase()); // "def"
console.log(stringValue.toUpperCase()); // "DEF"

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript基本包装类型介绍 - Python技术站

(0)
上一篇 2023年5月19日
下一篇 2023年5月19日

相关文章

  • javascript变量提升和闭包理解

    请参考以下攻略: JavaScript变量提升 什么是变量提升? 变量提升是 Javascript 中的一种特性,它指的是在代码执行前,所有的变量声明都会被提升到代码的开头部分,但是赋值操作并不会被提升。也就是说,变量声明后的变量名可以在声明之前被使用,但是变量值会返回 undefined。 示例一: console.log(a); // Output: u…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript对象序列化

    我将详细讲解“详解JavaScript对象序列化”的完整攻略。 JavaScript对象序列化的概念 JavaScript对象序列化是指将JavaScript中的对象转换为字符串,以便于存储或传输,同时还可以将字符串反序列化为JavaScript对象,方便进行数据交换。 序列化方法 在JavaScript中,实现对象序列化有两种方法,分别是JSON.stri…

    JavaScript 2023年5月27日
    00
  • JavaScript分秒倒计时器实现方法

    请看下面的详细讲解。 JavaScript分秒倒计时器实现方法 在网站或页面中经常需要倒计时功能,这就需要实现一个倒计时器。本文将介绍如何使用 JavaScript 实现一个分秒倒计时器。 实现方法 1. HTML 部分 首先我们来创建一个倒计时器标签。在 HTML 部分,我们使用 <div> 标签来放置倒计时器的数字。同时在 <head&…

    JavaScript 2023年6月11日
    00
  • PowerShell中执行Javascript的方法示例

    要在PowerShell中执行JavaScript代码,可以使用以下步骤: 安装Node.js:Node.js是一个能够执行JavaScript代码的平台,可以在官网 https://nodejs.org/en/ 上下载安装包并进行安装。 在PowerShell中安装Node.js模块:在PowerShell中安装Node.js模块,可以使用以下指令: np…

    JavaScript 2023年6月10日
    00
  • JavaScript中如何判断对象是否为空的方法

    JavaScript中判断对象是否为空可以通过以下方法: 使用Object.keys()方法判断对象是否为空 Object.keys()方法可以返回一个由指定对象的所有可枚举属性组成的数组,如果对象没有任何可枚举的属性,则返回空数组,因此可以通过判断Object.keys()方法返回的数组长度是否为0来判断对象是否为空。 示例代码: const emptyO…

    JavaScript 2023年6月10日
    00
  • Bootstrap源码解读表单(2)

    关于“Bootstrap源码解读表单(2)”这篇文章,主要是对Bootstrap框架中的表单组件的源码分析和实现方法进行了详细讲解。下面是我对这篇文章的完整攻略: 简介 此文章是 Bootstrap 源码解读系列的第 2 篇,主要介绍如何自定义表单组件,以及其中用到的几个重要的 CSS 类。 自定义表单组件 Bootstrap 的表单组件样式是十分灵活的,可…

    JavaScript 2023年6月10日
    00
  • JavaScript代码异常监控实现过程详解

    下面我将详细讲解“JavaScript代码异常监控实现过程详解”的完整攻略,包含以下内容: 什么是JavaScript代码异常监控? JavaScript代码异常监控是指对JavaScript代码运行过程中可能出现的错误进行实时捕获,并对其进行分析和追踪,以便及时发现和解决问题,保证网站的稳定性和可靠性。 实现过程 要实现JavaScript代码异常监控,主…

    JavaScript 2023年5月28日
    00
  • 网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)

    首先要明确一点,网站被恶意镜像是一件非常严重的事情,因为恶意镜像可能会导致网站被盗取或者篡改。因此我们需要尽快采取措施,防止恶意镜像对我们的网站造成更大的伤害。 一种简单而又有效的方法是在网站的PHP代码中加入以下一段代码: if (isset($_SERVER[‘HTTP_USER_AGENT’]) && preg_match(‘/bot|…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部