JS几个常用的函数和对象定义与用法示例

JS常用的函数和对象非常多,以下是其中几个常用的函数和对象的定义及用法示例:

函数

1. parseInt()

parseInt() 函数将一个字符串解析成整数,或者说提取数字部分,并返回整数。如果不能转换,则返回NaN。 注意:如果字符串以0x或0X前缀开头, parseInt() 函数会把数字识别为16进制数字。

语法:

parseInt(string, radix);
  • string:需要解析的字符串
  • radix:数字的基数。大多数情况下,不需要使用此参数。

示例1:对于一个字符串 "123" ,使用 parseInt() 方法解析出数字:

let str = "123"
let num = parseInt(str)
console.log(num)  // 123 

示例2:将一个由十六进制数转为十进制数:

let hex = "0x10";
let dec = parseInt(hex, 16);
console.log(dec);    // 16

2. parseFloat()

parseFloat() 函数将一个字符串解析成浮点数,并返回浮点数。如果无法解析,则返回 NaN。

语法:

parseFloat(string);
  • string:需要解析的字符串

示例1:对于字符串 "3.14159",使用方法 parseFloat() 解析:

let pi = parseFloat("3.14159");
console.log(pi);     // 3.14159

示例2:对于包含 currency symbol 的金额字符串,使用 parseFloat() 将其解析为浮点数:

let money = "$20.25";
let cost = parseFloat(money.substring(1));
console.log(cost);  // 20.25

对象

1. Date 对象

Date 对象可以用来处理日期和时间信息。创建一个 Date 对象,通过 new 操作符调用 Date() 构造函数。

语法:

new Date();

示例1:获得当前的日期和时间:

let now = new Date();
console.log(now);   // 当前的日期和时间

示例2:设置 Date 对象使用时间(2017年4月3日上午10点15分30秒):

let time = new Date(2017, 3, 3, 10, 15, 30);
console.log(time);  // 2017-04-03T02:15:30.000Z

2. Math 对象

Math 对象提供了一组方便的数学函数,包含了数学常量和方法。Math 对象是因为毫不相关的全局对象,不需要创建新的实例就可以使用它们。

语法:

Math.method();

示例1:返回最大数:

let max = Math.max(1, 5, 20, 30, 100)
console.log(max); // 100

示例2:返回随机数:

let random = Math.random()
console.log(random);    // 每次调用随机生成带有小数的0~1之间的随机数

以上就是 JS 中常用函数和对象的定义及用法示例。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS几个常用的函数和对象定义与用法示例 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • javascript表单控件实例讲解

    JavaScript表单控件实例讲解 JavaScript是一种脚本语言,经常用于网页中对用户输入信息的校验和处理。表单是用户和服务器之间交换数据的最主要方式之一,JavaScript正是被广泛用于表单交互的。 表单控件分类 表单控件通常分为以下几类: 文本类控件:包括文本框、密码框、文本域等; 选择类控件:包括单选框、复选框、下拉框等; 文件上传类控件:用…

    JavaScript 2023年5月28日
    00
  • 网页javascript精华代码集

    网页JavaScript精华代码集完整攻略 什么是“网页JavaScript精华代码集”? “网页JavaScript精华代码集”是一个收录了许多常用的JavaScript代码片段的合集。它包含了很多实用、易用、高效的代码片段,可以用于网页开发中的各种场景。使用这些代码片段,可以减少开发人员的工作量,提高网页开发的效率。 如何使用“网页JavaScript精…

    JavaScript 2023年5月18日
    00
  • JavaScript数组深拷贝和浅拷贝的两种方法

    JavaScript数组的深拷贝和浅拷贝是前端开发中非常常见的操作,本文将介绍两种常用的深拷贝和浅拷贝的方法。 JavaScript数组浅拷贝 JavaScript数组浅拷贝指的是在拷贝过程中只拷贝了原数组的引用,而不是拷贝了原数组中的所有元素。 1. 使用slice()函数进行浅拷贝 const arr1 = [1, 2, 3, 4] const arr2…

    JavaScript 2023年5月27日
    00
  • 关于前端文件下载各类方式大汇总

    关于前端文件下载各类方式大汇总 在前端开发中,文件下载是一个非常常见的需求场景,常见的文件下载方式有很多种,本文旨在对这些方式进行总结、分类和详细介绍。 1. 使用浏览器下载 使用浏览器下载文件一般都是直接让用户点击链接或者按钮进行下载。这种方式非常简单,只需要在链接或按钮上添加一个download属性即可实现下载功能。例如: <a href=&quo…

    JavaScript 2023年5月27日
    00
  • javascript判断两个IP地址是否在同一个网段的实现思路

    实现IP地址判断是否在同一个网段,可以使用Javascript实现的思路如下: 首先将IP地址转换成二进制格式,方便进行比较,然后将子网掩码也转换成二进制格式。 对转换后的IP地址和子网掩码进行&(与运算),得到的结果就是该IP地址所在的网络地址。 将要比较的两个IP地址按照以上步骤进行转换得到两个网络地址。 比较两个网络地址是否相同,如果相同,则说…

    JavaScript 2023年6月11日
    00
  • javascript实现视频弹幕效果(两个版本)

    Javascript实现视频弹幕效果攻略 1. 引言 弹幕是指用户在观看视频时,能够发送一些评论消息,这些评论消息会以滚动、飘动、静态等形式浮现在视频画面上方。在现在各大视频平台上,弹幕已成为视频观看的一种重要要素。 本篇攻略将从两个版本的弹幕效果的具体实现入手,来详细讲解JavaScript实现弹幕效果的过程。 2. 版本一 2.1 函数封装 本案例中主要…

    JavaScript 2023年6月10日
    00
  • JavaScript创建一个欢迎cookie弹出窗实现代码

    下面是JavaScript创建一个欢迎cookie弹出窗实现的代码攻略。 1. 设计思路 首先,我们需要确认弹出窗的内容、样式、位置等,然后创建一个模态框来实现弹出窗。考虑到欢迎弹出窗的出现与用户的cookie状态有关,我们还需要使用cookie以及相关的JS库来实现。 具体的设计思路如下: 确认欢迎弹出窗的内容、样式和位置 判断用户的cookie状态,若未…

    JavaScript 2023年6月11日
    00
  • javascript alert乱码的解决方法

    Javascript alert乱码的解决方法其实比较简单,主要就是需要提前设置网页的charset为UTF-8,接下来,我将详细说明如何进行解决,具体步骤如下: 设置charset为UTF-8 打开HTML文件或模板文件,添加以下代码到HTML文件头部,对于网站的每个页面都需要添加: <meta charset="UTF-8"&g…

    JavaScript 2023年5月19日
    00
合作推广
合作推广
分享本页
返回顶部