前端JavaScript篇之什么是 JavaScript 包装类型?将包装类型转换为基本类型的方法

目录

  • 什么是 JavaScript 包装类型?将包装类型转换为基本类型的方法
    • 什么是 JavaScript 包装类型?
      • 包装类型的作用
      • 字符串包装类型
      • 数字包装类型
      • 布尔包装类型
      • 总结
    • 将包装类型转换为基本类型的方法
      • 总结


什么是 JavaScript 包装类型?将包装类型转换为基本类型的方法

什么是 JavaScript 包装类型?

在 JavaScript 中,包装类型是指将基本数据类型(如数字、字符串、布尔值)转换为对象的过程。这样做是为了能够调用对象上的方法和访问属性。

包装类型的作用

JavaScript 中的基本数据类型(number、string、boolean)并没有自己的方法或属性。为了让基本数据类型也能够像对象一样拥有方法和属性,JavaScript 在必要时会自动将基本数据类型转换为对应的包装对象。

字符串包装类型

let str = "Hello"
console.log(str.length) // 5

在上面的示例中,尽管 str 是一个字符串,但我们可以通过 str.length 访问到字符串的长度属性。这是因为 JavaScript 在需要时将字符串自动转换为 String 对象,使我们能够使用该对象上的方法和属性。

数字包装类型

let num = 10
console.log(num.toFixed(2)) // 10.00

在这个示例中,尽管 num 是一个数字,但我们可以通过 num.toFixed(2) 调用 toFixed 方法来限制小数点后的位数。这是因为 JavaScript 在需要时将数字自动转换为 Number 对象。

布尔包装类型

let bool = true
console.log(bool.valueOf()) // true

在这个示例中,尽管 bool 是一个布尔值,但我们可以通过 bool.valueOf() 调用 valueOf 方法来获取布尔值的原始值。这是因为 JavaScript 在需要时将布尔值自动转换为 Boolean 对象。

总结

包装类型允许基本数据类型拥有对象的特性,使得我们可以像操作对象一样操作基本数据类型。当我们使用基本数据类型的方法或属性时,JavaScript 会自动进行包装,使其具有对象的特性。

将包装类型转换为基本类型的方法

  1. 字符串包装类型转换为基本类型:
    • 使用 valueOf() 方法或者直接进行隐式转换。
let strObj = new String("Hello")
let strPrimitive = strObj.valueOf() // "Hello"
// 或者
let strPrimitiveImplicit = strObj // "Hello"(隐式转换)
  1. 数字包装类型转换为基本类型:
    • 使用 valueOf() 方法或者直接进行隐式转换。
let numObj = new Number(10)
let numPrimitive = numObj.valueOf() // 10
// 或者
let numPrimitiveImplicit = numObj // 10(隐式转换)
  1. 布尔包装类型转换为基本类型:
    • 使用 valueOf() 方法或者直接进行隐式转换。
let boolObj = new Boolean(true)
let boolPrimitive = boolObj.valueOf() // true
// 或者
let boolPrimitiveImplicit = boolObj // true(隐式转换)

总结

通过调用对象的 valueOf() 方法或者直接进行隐式转换,可以将包装类型转换为基本类型。这样做是为了能够方便地从对象形式获取基本类型的值,或者在需要时将对象形式的值转换为基本类型。

持续学习总结记录中,回顾一下上面的内容:
什么是 JavaScript 包装类型?
包装类型允许基本数据类型拥有对象的特性,使得我们可以像操作对象一样操作基本数据类型。当我们使用基本数据类型的方法或属性时,JavaScript 会自动进行包装,使其具有对象的特性。
将包装类型转换为基本类型的方法:通过调用对象的 valueOf() 方法或者直接进行隐式转换,可以将包装类型转换为基本类型。这样做是为了能够方便地从对象形式获取基本类型的值,或者在需要时将对象形式的值转换为基本类型。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/651961.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java中的四种线程池详解及使用场景

前言 在Java并发编程中,JDK提供了一套强大的线程池工具类java.util.concurrent.ThreadPoolExecutor以及它的四个便捷工厂方法,这四种线程池分别对应不同的使用场景和特性。下面将详细介绍每种线程池的创建方式、工作原理以及适用场景。 1. CachedThrea…

Linux文本三剑客---grep

grep(从文本或字符串种过滤特定内容。) 格式:Usage: grep [OPTION]... PATTERNS [FILE]... 常用选项: -E 等价于 egrep 扩展正则 -i 忽略大小写 -w 匹配单词 -o 仅显示匹配内容 -r 递归匹配 -c 统计匹配的行数 -v 取反 -n 行号 -A…

react 什么是h函数

React 中的 H 函数,通常是指 Hooks(钩子)函数。Hooks 是 React 16.8 版本引入的新特性,允许你在不写 class 的情况下使用 state 以及其他的 React 特性。Hooks 提供了一种更简洁、更直观的方式来使用 React 的功能,使得…

11.2 Web开发_CSS入门(❤❤)

11.2 Web开发_CSS入门❤❤ 1. CSS简介1.1 基础案例2. CSS书写的位置2.1 行内式2.2 内嵌式2.3 外链式3. CSS基础选择器3.1 标签选择器3.2 id选择器3.3 类选择器3.4 选择器优先级3.5 通配符选择器4. 多类名5. 样式的两种特性5.1 层叠性

仰暮计划|“老师说我其实很聪明,就是家里太穷了没条件,不然我现在也是……”

吴桂荣老人回忆录 在我外婆家的时候,我跟几位老奶奶坐在门口一起聊天,我询问她们是否能帮助我完成一份作业,她们笑着答应了,最后我选择了其中的一位老奶奶作为了解对象,她邀请我去家中交谈。通过了解,我得知…

HCIA学习第四天:静态路由与动态路由

静态路由: 选路原则:尽量选择路径最短的路由条目 扩展配置: 1、负载均衡:当路由器访问同一个目标且目标且目标具有多条开销相似的路径时,可以让设备将流量拆分后延多条路径同时进行传输,以达到叠加带宽的…

(七)springboot实战——springboot3集成R2DBC实现webflux响应式编程服务案例

前言 本节主要内容是关于使用新版springboot3集成响应式数据库R2DBC,完成响应式web服务案例。需要注意的是,此次项目使用的JDK版本是JDK17,springboot版本使用3.2.2版本,数据库使用关系型数据库mysql。WebFlux 是一个基于响应式编程模型的框…

K8s-持久化(持久卷,卷申明,StorageClass,StatefulSet持久化)

POD 卷挂载 apiVersion: v1 kind: Pod metadata:name: random-number spec:containers:- image: alpinename: alpinecommand: ["/bin/sh","-c"]args: ["shuf -i 0-100 -n 1 >> /opt/number.out;"]volumeMounts:- mountPath: /optname: da…

04-Nacos-服务注册基于spring boot实现

官方参考 在不依赖spring cloud 组件基础上&#xff0c;单独的微服务项目&#xff0c;实现nacos接入 1、依赖文件pom.xml <dependency><groupId>com.alibaba.boot</groupId><artifactId>nacos-discovery-spring-boot-starter</artifactId><…

RUST笔记: 动态链接库的创建和使用

生成动态链接库 // https://github.com/vvvm23/funny-shapes # 项目元信息 [package] name "funnyshapes" # 项目名称 version "0.1.0" # 版本号 edition "2021" # Rust语言版本# 更多配置信息可查阅&#xff1…

华为机考入门python3--(3)牛客3-明明的随机数

分类&#xff1a;集合、排序 知识点&#xff1a; 集合添加元素 set.add(element) 集合转列表 list(set) 列表排序 list.sort() 题目来自【牛客】 N int(input().strip()) nums set()for i in range(N):nums.add(int(input().strip()))# 集合转列表 nums_list l…

眼底增强型疾病感知蒸馏模型 FDDM:无需配对,fundus 指导 OCT 分类

眼底增强型疾病感知蒸馏模型 FDDM&#xff1a;fundus 指导 OCT 分类 核心思想设计思路训练和推理 效果总结子问题: 疾病特定特征的提取与蒸馏子问题: 类间关系的理解与建模 核心思想 论文&#xff1a;https://arxiv.org/pdf/2308.00291.pdf 代码&#xff1a;https://github.c…

【模板】拓扑排序

Problem: 【模板】拓扑排序 文章目录 思路解题方法复杂度Code 思路 拓扑排序模板 解题方法 初始化一个队列&#xff0c;将所有入度为0的顶点入队。从队列中取出一个顶点&#xff0c;并将其输出。对于该顶点的所有出边&#xff0c;将出边的终点的入度减1。如果某个顶点的入度变为…

269. 火星词典

Problem: 269. 火星词典 文章目录 思路解题方法复杂度Code 思路 首先&#xff0c;我们先将所有单词中出现的字符标记为 0&#xff0c;没有出现的标记为 1。然后&#xff0c;我们开始建图&#xff0c;对于每一个单词对&#xff0c;我们比较它们的前缀&#xff0c;直到找到第一个…

【笔试常见编程题02】字符串中找出连续最长的数字串、数组中出现次数超过一半的数字、计算糖果、进制转换

1. 字符串中找出连续最长的数字串 读入一个字符串str&#xff0c;输出字符串str中的连续最长的数字串 输入描述 个测试输入包含1个测试用例&#xff0c;一个字符串str&#xff0c;长度不超过255。 输出描述 在一行内输出str中里连续最长的数字串。 示例 1 输入 abcd12345ed125s…

java数据结构与算法刷题-----LeetCode328. 奇偶链表

java数据结构与算法刷题目录&#xff08;剑指Offer、LeetCode、ACM&#xff09;-----主目录-----持续更新(进不去说明我没写完)&#xff1a;https://blog.csdn.net/grd_java/article/details/123063846 解题思路 将链表按奇偶顺序&#xff0c;分成两个链表。最后将偶数链表放在…

(每日持续更新)jdk api之InterruptedIOException基础、应用、实战

博主18年的互联网软件开发经验,从一名程序员小白逐步成为了一名架构师,我想通过平台将经验分享给大家,因此博主每天会在各个大牛网站点赞量超高的博客等寻找该技术栈的资料结合自己的经验,晚上进行用心精简、整理、总结、定稿,每天都会整理到12点,为了就是能让大家能够真…

Python无人诊断治疗全套系统

Python无人诊断治疗全套系统的研发开发对于医疗行业具有重要性。以下是其重要性的几个方面&#xff1a; 提高诊断精确性&#xff1a;无人诊断系统利用大数据分析和人工智能技术&#xff0c;能够通过对病例的分析和比对&#xff0c;提供更准确的诊断结果。相比于传统的人工诊断&…

LeetCode第500题 - 键盘行

题目 给定一个单词列表&#xff0c;只返回可以使用在键盘同一行的字母打印出来的单词。 示例&#xff1a; 输入: [“Hello”, “Alaska”, “Dad”, “Peace”] 输出: [“Alaska”, “Dad”] 解答 class Solution {public String[] findWords(String[] words) {char[][] keybo…

计算机网络-编制与调制(基带信号 基带传输 宽度信号 宽度传输 编码 调制 )

文章目录 基带信号与宽带信号编码与调制数字数据编码为数字信号数字数据调制为模拟信号模拟数据编码为数字信号模拟数据调制为模拟信号小结 基带信号与宽带信号 信道上传输的信号除了可以分为数字信号和模拟信号&#xff0c;也可以分为基带信号和宽带信号&#xff0c;只是分类…