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 相关文章推荐
Javascript 键盘keyCode键码值表
Dec 24 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
javascript相关事件的几个概念
May 21 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
js实现下拉菜单效果
Mar 01 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
May 12 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
微信小程序模板template简单用法示例
Dec 04 Javascript
Vue实现拖放排序功能的实例代码
Jul 08 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之第六天
2006/10/09 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
php查询及多条件查询
2017/02/26 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
js 分栏效果实现代码
2009/08/29 Javascript
用apply让javascript函数仅执行一次的代码
2010/06/27 Javascript
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
实例解析Array和String方法
2016/12/14 Javascript
JavaScript简单拖拽效果(1)
2017/05/17 Javascript
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
js实现打字小游戏
2019/12/17 Javascript
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
记录Django开发心得
2014/07/16 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
Python实现图像去噪方式(中值去噪和均值去噪)
2019/12/18 Python
解决运行django程序出错问题 'str'object has no attribute'_meta'
2020/07/15 Python
美国保健品专家:Life Extension
2018/05/04 全球购物
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
《槐乡五月》教学反思
2014/04/25 职场文书
销售队伍口号
2014/06/11 职场文书
出国签证在职证明
2014/09/20 职场文书
大学生思想道德自我评价
2015/03/09 职场文书
讲座通知范文
2015/04/23 职场文书
蓝天保卫战收官在即 :15行业将开展环保分级评价
2019/07/19 职场文书