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 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
实例代码讲解jquery easyui动态tab页
Nov 17 Javascript
Angular自定义组件实现数据双向数据绑定的实例
Dec 11 Javascript
Vue Router去掉url中默认的锚点#
Aug 01 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 Javascript
关于vue 项目中浏览器跨域的配置问题
Nov 10 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常用函数小技巧
2008/09/11 PHP
php与paypal整合方法
2010/11/28 PHP
php解压文件代码实现php在线解压
2014/02/13 PHP
php结合js实现点击超链接执行删除确认操作
2014/10/31 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
jquery 插件 人性化的消息显示
2008/01/21 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
使用node.js 获取客户端信息代码分享
2014/11/26 Javascript
果断收藏9个Javascript代码高亮脚本
2016/01/06 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
Vue全局分页组件的实现代码
2018/08/10 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
[02:38]2018DOTA2亚洲邀请赛赛前采访-VGJ.T
2018/04/03 DOTA
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
如何用python处理excel表格
2020/06/09 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
Python修改DBF文件指定列
2020/12/19 Python
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
Dr. Martens马汀博士官网:马丁靴始祖品牌
2016/10/15 全球购物
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
人大代表选举标语
2014/10/07 职场文书
加强作风建设心得体会
2014/10/22 职场文书
幼儿园教研工作总结2015
2015/05/12 职场文书
音乐课《小猫钓鱼》教学反思
2016/02/18 职场文书
Vue3.0中Ref与Reactive的区别示例详析
2021/07/07 Vue.js