js 数字、字符串、布尔值的转换方法(必看)

yizhihongxing

JS 数字、字符串、布尔值的转换方法

转换为数字

parseInt()

parseInt() 函数可将一个字符串转换为整数。

let str = '15px';
let num = parseInt(str);

console.log(num); // 15

可以设置第二个参数表示进制。

let str = '1011';
let num = parseInt(str, 2); // 二进制转换

console.log(num); // 11

parseFloat()

parseFloat() 函数可将一个字符串转换为浮点数。

let str = '3.14';
let num = parseFloat(str);

console.log(num); // 3.14

转换为字符串

toString()

.toString() 方法可将一个数字转换为字符串。

let num = 15;
let str = num.toString();

console.log(str); // "15"

String()

String() 函数可将一个数字、布尔值、数组、对象等转换为字符串。

let num = 15;
let str = String(num);

console.log(str); // "15"

let bool = true;
let str2 = String(bool);

console.log(str2); // "true"

转换为布尔值

Boolean()

Boolean() 函数可将一个值转换为布尔值。

以下值转换为 false

  • false
  • 0-0
  • "" (空字符串)。
  • null
  • undefined
  • NaN

其他值都转换为 true

if(Boolean("hello")) {
  console.log("转换为 true");
}

if(Boolean("")) {
  console.log("转换为 false");
}

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 数字、字符串、布尔值的转换方法(必看) - Python技术站

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

相关文章

  • JS获取子、父、兄节点方法小结

    JS获取子、父、兄节点方法小结 在JavaScript中,我们经常需要获取某个元素的子元素、父元素或者兄弟元素来执行一些特定的操作。下面我们来总结一下JS获取子、父、兄节点的常用方法。 一、获取子节点 使用childNodes属性可以获取当前元素的所有子节点,包括文本节点、注释节点等。但是这个属性返回的是一个NodeList对象,如果想要获取指定位置的子元素…

    JavaScript 2023年6月10日
    00
  • vue3中关于路由hash与History的设置

    下面是关于Vue3中路由hash与History的设置的详细攻略: 1. 路由设置 在Vue3中使用路由需要先安装vue-router,使用以下命令进行安装: npm install vue-router@4 1.1 history模式 如果使用history模式,则路由使用的是浏览器的history.pushState和history.replaceSta…

    JavaScript 2023年6月11日
    00
  • JavaScript中property和attribute的区别详细介绍

    JavaScript中property和attribute的区别详细介绍 在JavaScript中,property和attribute指的都是HTML元素的属性,但它们的含义和使用方式有所不同。 property property是HTML元素的属性,是对象的一部分,可以通过JavaScript来操作。在JavaScript中,我们可以使用element.…

    JavaScript 2023年6月10日
    00
  • 利用javaScript处理常用事件详解

    让我来为你详细讲解如何利用JavaScript处理常用事件的攻略。 1. 理解JavaScript事件机制 在使用JavaScript处理事件之前,我们需要先了解JavaScript事件机制。JavaScript事件机制是指通过用户交互或者代码触发某个事件,然后执行对应的事件处理程序的过程。常见的事件包括鼠标事件、键盘事件、表单事件、窗口事件等等。 2. 事…

    JavaScript 2023年5月17日
    00
  • JS代码放在head和body中的区别分析

    JS代码放在head和body中的区别分析 以网页为例,其中包含了HTML、CSS、JS三种内容。其中HTML体现了网页的内容结构,CSS刻画了网页的外观样式,而JS则掌管了网页的交互行为。而JS代码在页面中该如何放置呢?通常有两种位置可供选择:head标签内和body标签内。下面分别对这两种方式进行分析。 head标签内放置JS代码 head标签一般放置的…

    JavaScript 2023年6月11日
    00
  • 用正则表达式 动态创建/增加css style script 兼容IE firefox

    动态创建或增加 CSS 和 JS 很常见,特别是要在特定条件下加载代码时。一种常用的方式是使用 JavaScript 和 DOM 操作来实现这个功能,但使用正则表达式来完成这个任务也是一种更加高效、可靠和优雅的方法。 以下是使用正则表达式动态创建/增加 CSS 和 JavaScript 的完整攻略: 用正则表达式动态添加 CSS 动态添加 CSS 通常是为了…

    JavaScript 2023年6月10日
    00
  • 如何使用JS在HTML中自定义字符串格式化

    要在HTML中自定义字符串格式化,我们通常使用JavaScript来实现。以下是使用JS在HTML中自定义字符串格式化的完整攻略: 1. String.prototype.format 方法 Javascript 的字符串对象 String.prototype 中提供了一个 format 方法,可以通过占位符的方式快速格式化字符串。 代码示例: const …

    JavaScript 2023年5月19日
    00
  • Three.js加载外部模型的教程详解

    Three.js加载外部模型的教程详解 在Three.js中,我们可以使用OBJLoader或者GLTFLoader等加载外部模型格式,这个过程涉及到一个异步加载的概念,需要了解模型格式和Three.js的使用。 OBJLoader OBJLoader是Three.js中默认包含的加载OBJ格式模型的工具,我们可以通过以下代码引入: import { OBJ…

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