JavaScript中常见内置函数用法示例


Posted in Javascript onMay 14, 2018

本文实例讲述了JavaScript中常见内置函数用法。分享给大家供大家参考,具体如下:

一、介绍

在使用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()函数的逆向操作。

三、代码

<script type="text/javascript">
/*
parseInt()函数
*/
var num1="123abc"
var num2="abc123"
document.write("(1)使用parseInt()函数:<br>");
document.write("123abc转化结果为:"+parseInt(num1)+"<br>");
document.write("abc123转化结果为:"+parseInt(num2)+"<br><br>");
/*
parseFloat()函数
*/
var num3="123.456789abc"
document.write("(2)使用parseFloat()函数:<br>");
document.write("123.456789abc转化结果为:"+parseFloat(num3)+"<br><br>");
/*
isNaN()函数
*/
document.write("(3)使用isNaN()函数:<br>");
document.write("123.456789abc转化后是否为NaN:"+isNaN(parseFloat(num3))+"<br>");
document.write("abc123转化结果后是否为NaN:"+isNaN(parseInt(num2))+"<br><br>");
/*
isFinite()函数
*/
document.write("(4)使用isFinite()函数<br>");
document.write("1除以0的结果是否为无穷大:"+isFinite(1/0)+"<br><br>");
/*
encodeURI()函数
*/
document.write("(5)使用encodeURI()函数<br>");
document.write("转化为网络资源地址为:"+encodeURI("http://127.0.0.1/save.html?name=测试")+"<br><br>");
/*
decodeURI()函数
*/
document.write("(6)使用decodeURI()函数<br>");
document.write("转化网络资源地址的字符串为:"+decodeURI(encodeURI("http://127.0.0.1/save.html?name=测试"))+ "<br><br>");
</script>

四、运行结果

(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=测试

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
详解jquery validate实现表单验证 (正则表达式)
Jan 18 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 Javascript
Vuex提升学习篇
Jan 11 Javascript
在vue项目中引入高德地图及其UI组件的方法
Sep 04 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
小程序实现抽奖动画
Apr 16 Javascript
详解新手使用vue-router传参时注意事项
Jun 06 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
Aug 23 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
vue.js click点击事件获取当前元素对象的操作
Aug 07 Javascript
纯js封装的ajax功能函数与用法示例
May 14 #Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 #Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 #Javascript
jQuery中元素选择器(element)简单用法示例
May 14 #jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 #jQuery
vue引入js数字小键盘的实现代码
May 14 #Javascript
vue移动端路由切换实例分析
May 14 #Javascript
You might like
php中数组首字符过滤功能代码
2012/07/31 PHP
ThinkPHP基本的增删查改操作实例教程
2014/08/22 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
jquery实现的点击翻书效果代码
2015/11/04 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
原生javascript实现自动更新的时间日期
2016/02/12 Javascript
ajax分页效果(bootstrap模态框)
2017/01/23 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
2017/04/23 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
微信小程序利用for循环解决内容变更问题
2020/03/05 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
python进阶教程之模块(module)介绍
2014/08/30 Python
python计算文本文件行数的方法
2015/07/06 Python
浅谈Python的list中的选取范围
2018/11/12 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
2020/07/20 HTML / CSS
花卉与景观设计系大学生求职信
2013/10/01 职场文书
货代行业个人求职简历的自我评价
2013/10/22 职场文书
干部培训自我鉴定
2014/01/22 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
毕业证明书
2015/06/19 职场文书
公司开业致辞
2015/07/29 职场文书