如何在JavaScript中将二进制转换为十进制?

如何在javascript中将二进制转换为十进制?

在本教程中,我们将学习在 JavaScript 中将二进制转换十进制。二进制数用于数字电子产品。它是一个由‘0’‘1’组成的字符串,表示相对于基数2的数字。

以下是将二进制数转换为十进制数的不同方法。

使用 parseInt() 方法

在 JavaScript 中,parseInt() 方法对于从字符串中提取数字非常有用。我们可以将数字的基数定义为 parseInt() 方法中的参数。

语法

用户可以按照以下语法使用parseInt()方法将二进制转换为十进制。

立即学习“Java免费学习笔记(深入)”;

let binary = "0101";let output = parseInt(binary, base);

参数

binary – 它是二进制数的字符串。

base – 它是二进制字符串的基础。在我们的例子中,我们将传递基数“2”,因此它从字符串中提取二进制数并将其转换为十进制。

示例

在下面的示例中,我们使用了parseInt()方法。我们已将二进制字符串和基数 2 作为 parseInt() 方法的参数传递。我们已经针对不同的二进制字符串评估了我们的方法。用户可以看到我们渲染了二进制字符串的十进制的输出。

   Convert Binary to decimal in JavaScript.   

Convert Binary to decimal using parseInt() method.

The decimal of 0101 is.

The decimal of 1100011110001 is.

let decimal1 = document.getElementById("decimal1"); let decimal2 = document.getElementById("decimal2"); let binary = "0101"; decimal1.innerHTML = parseInt(binary, 2); // we have given based to extract the binary and convert it into the integer binary = "1100011110001"; decimal2.innerHTML = parseInt(binary, 2);

创建自定义函数以将二进制转换为十进制

在本节中,我们将创建自定义函数以将二进制数转换为十进制数。我们将使用 Math.pow() 函数。通常,二进制数表示为2s的幂。

我们通过下面的例子来理解一下。 ‘110’是二进制字符串,我们可以用十进制表示如下。

'110' = 1*22 + 1*21 + 0*20 = 6 (In decimal)

因此,用户已经了解了如何将二进制转换为十进制,并且我们将在代码中应用 thing 方法。

语法

let decimal = 0;let l = binary.length;for (let i = l - 1; i >= 0; i--) {   if ( binary[i] == '1' )   decimal += Math.pow( number ,power );// add power of 2 in the decimal if character of binary string is 1.}

参数

math.pow() 函数有两个参数。

number – 这是用户想要计算幂的数字。在我们的例子中,它是固定的,即 2。

power – 这是第一个参数的幂。我们将使用 for 循环传递不同的值来获得 2 的不同幂。

示例

在此示例中,我们创建了将二进制转换为十进制的函数。在函数内部,我们从最后一个字符开始迭代二进制字符串的每个字符。

如果我们在二进制字符串中得到“1”,我们将使用 decimal 变量中的 Math.pow() 函数根据字符位置添加 2 的幂。当我们在二进制字符串中得到“0”时,我们不会存储任何值,因为当我们将 2 的幂与 0 相乘时,它会返回零。

   Convert Binary to decimal in JavaScript.   

Convert Binary to decimal in JavaScript using the Math.pow() method.

The decimal of 101000 is.

The decimal of 11101010101 is.

let decimal1 = document.getElementById("decimal1"); let decimal2 = document.getElementById("decimal2"); function DecimalToBinary( binary ) { let decimal = 0; let l = binary.length; for (let i = l - 1; i >= 0; i--) { if ( binary[i] == '1' ) decimal += Math.pow( 2, l - 1 - i ); } return decimal; } decimal1.innerHTML = DecimalToBinary( "101000" ); decimal2.innerHTML = DecimalToBinary( "11101010101" );

在本教程中,我们使用了parseInt()方法将二进制转换为十进制。此外,我们还创建了一个自定义函数。用户可以根据自己的理解选择其中一种方式。

但是,第二种方法的时间复杂度较高。所以,最好使用第一种方法。

以上就是如何在JavaScript中将二进制转换为十进制?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1551173.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 21:24:48
下一篇 2025年12月12日 10:54:34

相关推荐

  • 在JavaScript中,screenX鼠标事件的作用是什么?

    当事件触发时,screenX鼠标事件返回鼠标指针的水平坐标。 示例 您可以尝试运行以下代码来了解如何实现screenX JavaScript 中的鼠标事件。 Click here to get the x (horizontal) and y (vertical) coordinates of th…

    2025年12月21日
    000
  • 如何使用JavaScript显示文档的标题?

    In this tutorial, we will understand two approaches to display the document’s title usingJavaScript. Using document.title Property One of the mo…

    2025年12月21日
    000
  • 在JavaScript的RegExp中查找括号中的数字?

    在本教程中,我们学习如何使用JavaScript RegExp找到括号中的数字。数字(0-9)的ASCII值从48到57。我们在正则表达式中用[0-9]表示括号中的数字。要找到除所有数字之外的范围内的数字,我们可以写出特定的范围。例如,要找到4和8之间的数字,我们可以在正则表达式模式中写为[4-8]…

    2025年12月21日
    000
  • 使用JavaScript正则表达式查找非空格字符

    要查找非空白字符,请使用以下代码 − S Example You can try to run the following code to find non-whitespace character − JavaScript Regular Expression var myStr = “100% …

    2025年12月21日
    000
  • HTML中如何使用JavaScript

    在html中,可以在script标签中使用javascript,只需要在页面中添加“JavaScript代码”代码即可。script标签用于定义客户端脚本,该元素既可以包含脚本语句,也可以通过src属性指向 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G…

    2025年12月21日
    000
  • js如何修改html

    js修改html的方法:1、改变html元素图片的src属性;2、改变html元素id属性;3、改变html元素class属性。 本教程操作环境:windows7系统、html5版,DELL G3电脑。 js修改html的方法: 1、在test.html页面,创建一个button按钮,用于点击执行函…

    2025年12月21日 好文分享
    000
  • html里js怎么使用

    html里js的使用方法:1、在HTML中使用【】嵌入JavaScript,在使用【】包含外部文件时使用src属性;2、所有【】元素都应该放在页面的元素中。 本教程操作环境:windows7系统、html 4.01版,DELL G3电脑。 html里js的使用方法: 1、元素 在HTML中使用嵌入J…

    2025年12月21日
    000
  • 快速使用svg画出精美动画!

    经常在Codepen上看到大侠们用SVG画出不可思议的动画,我一直很好奇他们是怎么运作的,总觉得这需要对SVG有足够透彻的了解,并且自己画出那些SVG图案,才有办法让他动起来。 但其实不然,今天教大家一个简单的小技巧,让你快速实现一个svg动画! 打开Codepen,点击界面中的build按钮,就可…

    2025年12月21日 好文分享
    000
  • H5+JS实现页面加载动画

    本篇文章给大家介绍一下html5+javascript实现页面加载动画的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 (相关教程推荐:html教程 ) 1.使用定时器,每次都要等待。 2.根据页面加载是否完成,来判断加载动画是否退出。 document.onreadysta…

    2025年12月21日 好文分享
    000
  • html获取javascript变量值的方法有哪些

    html获取javascript变量值有如下三种方法: (免费学习视频分享:html视频教程) 方法一:嵌入到html句子中,当html元素使用 var df=newDate(); var year= df.getFullYear() ; document.write(“”+year+” J2EE开…

    2025年12月21日
    000
  • 一起了解script标签中的async和defer属性

    前端当然要从 HTML 开始,我们来聊聊在 script 标签中加上 async/defer 时的功能及差异。 都明白的道理 我们都知道,浏览器解析 HTML 是一行一行按照顺序向后读取的,在传统的写法中,当浏览器读到 时,便会暂停解析 DOM,同时立即开始下载 中定义的资源,并在下载完成后立刻执行…

    2025年12月21日
    000
  • 网页开发中实用的11个文本输入和6个按钮操作特效

    文本输入特效 1.power-mode-input PowerModeInput 可以让你的文本输入框更引人注目。 地址:https://github.com/lindelof/power-mode-input 2.TextInputEffects 简单的样式和效果,可增强文本输入交互。 地址:ht…

    2025年12月21日 好文分享
    000
  • 了解一下HTML中的script标签

    稍微学习过一点网页编写的同学都知道,网页中的js代码应该写在 script 标签中,但是为什么要这么做呢?本文就介绍一下script标签。 script 标签 最初,网景公司想要在浏览器中展示使用js的html文件,但是又不想影响这个文件在其他浏览器中的显示效果,于是创造了 script 标签 我们…

    2025年12月21日
    000
  • 学会html能做什么工作

    很多朋友发现自己学了html之后不知道自己能够做什么,未来能从事什么工作,实际上这也是很正常的事情,很多朋友在学过html之后都会有这样的困惑,下面我将和大家一起谈谈。 在经过一系列的演变之后,HTML逐渐开始向商业智能、贸易、游戏、娱乐以及移动互联网等不同领域多样化地发展。因此你学习HTML可以从…

    2025年12月21日
    000
  • head标签中有什么属性?

    本篇文章给大家带来的内容是关于head标签中有什么属性?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 head 标签里有什么? 每一个 html 文档中,都有一个不可或缺的标签:  ,它作为一个容器,主要包含了用于描述 html 文档自身信息(元数据)的标签,这些标签一般不会在页面…

    好文分享 2025年12月21日
    000
  • HTML标签伪元素绑定事件的三种方式

    本篇文章给大家带来的内容是关于html标签伪元素绑定事件的三种方式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近项目中遇到点击一个图标执行某些操作的功能,本来很简单就能实现,但图标却是 ::after 伪元素实现的,在印象中好像不能直接对伪元素进行 dom 操作,可项目中有所…

    2025年12月21日
    000
  • http协议发展过程一览

    本篇文章给大家带来的内容是关于http协议一览,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 这里我只是对一些知识进行简单的整理,方便自己理解记忆,还有很多不完善的地方,更多细节,需要查看书籍或者其他文章 http协议的发展过程 HTTP 是基于 TCP/IP 协议的应用层协议。它…

    2025年12月21日 好文分享
    000
  • 页面性能优化的方法总结

    本篇文章给大家带来的内容是关于页面性能优化的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 互联网有一项著名的8秒原则。用户在访问web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上,加载时间…

    2025年12月21日 好文分享
    000
  • 你知道原生HTML组件是什么吗?原生HTML组件的介绍

    本篇文章给大家带来的内容是关于你知道原生html组件是什么吗?原生html组件的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 嘿!看看这几年啊,Web 前端的发展可是真快啊! 想想几年前,HTML 是前端开发者的基本技能,通过各式各样的标签就可以搭建一个可用的网站,基本交互也…

    2025年12月21日 好文分享
    000
  • Web应用中富交互的撤销与前进操作的实现方法介绍(代码)

    本篇文章给大家带来的内容是关于web应用中富交互的撤销与前进操作的实现方法介绍(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在web应用中,用户在进行一些富交互行为的操作时难免会出现误操作,比如在富文本编辑器设置错了字体颜色就需要撤回,做H5活动页面的时候不小心删了一个图…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信