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 相关文章推荐
Js event事件在IE、FF兼容性问题
Jan 01 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
深入剖析JavaScript面向对象编程
Jul 12 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
详解JS模块导入导出
Dec 20 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 Javascript
判断“命令按钮”是否被鼠标单击详解
Jul 31 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 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
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
js 方法实现返回多个数据的代码
2009/04/30 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
2017/06/17 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
python求众数问题实例
2014/09/26 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
python中xlrd模块的使用详解
2021/02/01 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
波兰最大的宠物用品网上商店:FERA.PL
2019/08/11 全球购物
爱牙日活动总结
2014/08/29 职场文书
演讲开场白和结束语
2015/05/29 职场文书
谢师宴家长致辞
2015/07/27 职场文书
股东出资协议书
2016/03/21 职场文书
Python合并多张图片成PDF
2021/06/09 Python
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS