JS里常见内置函数使用详解

这次给大家带来JS里常见内置函数使用详解,JS里常见内置函数使用的注意事项有哪些,下面就是实战案例,一起来看一下。

一、介绍

在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身提供的函数。

二、一些常用的内置函数做详细介绍

1、parseInt()函数

该函数主要将首位为数字的字符串转化成数字,如果字符串不是以数字开头,那么将返回NaN。

语法:

parseInt(StringNum,[n])

登录后复制

StringNum:需要转换为整型的字符串。
n:提供在2~36之间的数字表示所保存数字的进制数。这个参数在函数中不是必须的。

2、parseFloat()函数

该函数主要将首位为数字的字符串转化成浮点型数字,如果字符串不是以数字开头,那么将返回NaN。

语法:

parseFloat(StringNum)

登录后复制

StringNum:需要转换为浮点型的字符串。

3、isNaN()函数

该函数主要用于检验某个值是否为NaN。

语法:

isNaN(Num)

登录后复制

Num:需要验证的数字。

说明:如果参数Num为NaN,函数返回值为true;如果参数Num不是NaN,函数返回值为false。

4、isFinite()函数

该函数主要用于检验某个表达式是否为无穷大。

语法:

isFinite(Num)

登录后复制

Num:需要验证的数字。

说明:如果参数Num为无穷大,函数返回值为true;如果参数Num不为无穷大,函数返回值为false。

5、encodeURI()函数

该函数主要用于返回一个URI字符串编码后的结果。

语法:

encodeURI(url)

登录后复制

url:需要转化为网络资源地址的字符串。

说明:URI与URL都可以表示网络资源地址,URI比URL的表示范围更加广泛,但在一般情况下,URI与URL可以是等同的。encodeURI()函数只对字符串中有意义的字符进行转义。例如将字符串中的空格转化为“%20”。

6、decodeURI()函数

该函数主要用于将已编码为URI的字符串解码成最初的字符串并返回。

语法:

decodeURI(url)

登录后复制

url:需要解码的网络资源地址。

说明:此函数可以将使用encodeURI()转码的网络资源地址转化为字符串并返回,即decodeURI()函数是encodeURI()函数的逆向操作。

三、代码

/*parseInt()函数*/var num1="123abc"var num2="abc123"document.write("(1)使用parseInt()函数:
");document.write("123abc转化结果为:"+parseInt(num1)+"
");document.write("abc123转化结果为:"+parseInt(num2)+"

");/*parseFloat()函数*/var num3="123.456789abc"document.write("(2)使用parseFloat()函数:
");document.write("123.456789abc转化结果为:"+parseFloat(num3)+"

");/*isNaN()函数*/document.write("(3)使用isNaN()函数:
");document.write("123.456789abc转化后是否为NaN:"+isNaN(parseFloat(num3))+"
");document.write("abc123转化结果后是否为NaN:"+isNaN(parseInt(num2))+"

");/*isFinite()函数*/document.write("(4)使用isFinite()函数
");document.write("1除以0的结果是否为无穷大:"+isFinite(1/0)+"

");/*encodeURI()函数*/document.write("(5)使用encodeURI()函数
");document.write("转化为网络资源地址为:"+encodeURI("http://127.0.0.1/save.html?name=测试")+"

");/*decodeURI()函数*/document.write("(6)使用decodeURI()函数
");document.write("转化网络资源地址的字符串为:"+decodeURI(encodeURI("http://127.0.0.1/save.html?name=测试"))+ "

");

登录后复制

四、运行结果

(1)使用parseInt()函数:
123abc转化结果为:123
abc123转化结果为:NaN

(2)使用parseFloat()函数:
123.456789abc转化结果为:123.456789

(3)使用isNaN()函数:
123.456789abc转化后是否为NaN:false
abc123转化结果后是否为NaN:true

(4)使用isFinite()函数
1除以0的结果是否为无穷大:false

(5)使用encodeURI()函数
转化为网络资源地址为:http://127.0.0.1/save.html?name=%E6%B5%8B%E8%AF%95

(6)使用decodeURI()函数
转化网络资源地址的字符串为:http://127.0.0.1/save.html?name=测试

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

如何修改npm全局安装模式路径

怎样使用WebPack配置vue多页面

以上就是JS里常见内置函数使用详解的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2754114.html

(0)
上一篇 2025年3月8日 06:50:41
下一篇 2025年3月8日 06:51:00

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • NodeJS实现不可逆加密与密码密文保存的方法

    这篇文章主要介绍了nodejs实现不可逆加密与密码密文保存的方法,简单讲述了不可逆加密与密码密文保存的原理并结合实例形式分析了nodejs相关加密操作实现技巧,需要的朋友可以参考下 本文实例讲述了NodeJS实现不可逆加密与密码密文保存的方…

    编程技术 2025年3月8日
    000
  • javaScript中"=="和"==="的区别详解

    对于javascript中比较运算符,可能大家用的比较多的是“==”、对于“===”很多人可能很陌生。=== 表示恒等,首先比较两边的变量数据类型是否相等,其次比较两边的变量的数值是否相等;== 表示相等即仅仅比较两边变量的数值是否相等。 …

    编程技术 2025年3月8日
    200
  • node.js博客项目开发手记

    本篇文章给大家总结了node.js博客项目开发的相关步骤以及知识点分享,有兴趣的朋友参考下。 需要安装的模块 body-parser 解析post请求 cookies 读写cookie express 搭建服务器 markdown Mark…

    编程技术 2025年3月8日
    200
  • nodejs简单读写excel内容的方法示例

    这篇文章主要介绍了nodejs简单读写excel内容的方法,简单分析了nodejs常见的读写excel模块,并结合实例形式分析了nodejs读写excel具体操作技巧,需要的朋友可以参考下 本文实例讲述了nodejs简单读写excel内容的…

    编程技术 2025年3月8日
    200
  • JavaScript 隐性类型转换步骤浅析

    隐性类型转换,是==引起的转换,下面通过本文给大家分享javascript 隐性类型转换步骤,感兴趣的朋友一起看看吧 这里说的隐性类型转换,是==引起的转换。 如果存在NaN,一律返回false 再看有没有布尔,有布尔就将布尔转换为数字 接…

    编程技术 2025年3月8日
    200
  • 如何使用js封装ajax功能函数与用法

    这次给大家带来如何使用js封装ajax功能函数与用法,使用js封装ajax功能函数与用法的注意事项有哪些,下面就是实战案例,一起来看一下。 AJAX = Asynchronous JavaScript and XML(异步的 JavaScr…

    编程技术 2025年3月8日
    200
  • JS对于DOM节点进行增删改查

    这次给大家带来JS对于DOM节点进行增删改查,JS对于DOM节点进行增删改查的注意事项有哪些,下面就是实战案例,一起来看一下。 DOM含义:DOM是文档对象模型(Document Object Model,是基于浏览器编程的一套API接口,…

    编程技术 2025年3月8日
    200
  • 怎样使用vue引入js数字小键盘

    这次给大家带来怎样使用vue引入js数字小键盘,使用vue引入js数字小键盘的注意事项有哪些,下面就是实战案例,一起来看一下。 效果如图: 代码如下:   keyboard.vue 123 符 · {{key}} import clicko…

    2025年3月8日 编程技术
    200
  • nodejs res.end与res.send使用区别有哪些

    这次给大家带来nodejs res.end与res.send使用区别有哪些,nodejs res.end与res.send使用的注意事项有哪些,下面就是实战案例,一起来看一下。 简单来说就是   如果服务器端没有数据返回到客户端 那么就可以…

    编程技术 2025年3月8日
    200
  • 如何使用node.js中render和send

    这次给大家带来如何使用node.js中render和send,使用node.js中render和send的注意事项有哪些,下面就是实战案例,一起来看一下。 如果想写一个快速测试页,当然可以使用res.send()。这个函数将根据内容,自动帮…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论