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日

相关文章

  • JS加载解析Markdown文档过程详解

    以下是详细的攻略,在此过程中,假设使用的是原生JS,没有使用任何外部库: 1. 获取Markdown文档内容 要加载Markdown文档,我们首先需要获取文件内容。可以使用XMLHttpRequest对象进行同步或异步的文件读取。这里我们以异步的方式读取Markdown文件。 function loadMarkdownFile(url, callback) …

    JavaScript 2023年5月27日
    00
  • 微信小程序开发之改变data中数组或对象的某一属性值

    下面是详细讲解微信小程序开发中改变 data 中数组或对象的某一属性值的完整攻略。 前置知识 在深入讲解如何改变 data 中数组或对象的某一属性值之前,我们需要先了解微信小程序中 data 的用法。在微信小程序中,通过给 Page() 函数传入一个对象,该对象中的 data 属性就是页面的初始数据。 定义 data 对象后,开发者可以通过 this.dat…

    JavaScript 2023年6月10日
    00
  • js特殊字符过滤的示例代码

    JS特殊字符过滤是一种常见的前端技术,其目的是为了防止恶意注入脚本,保护网站安全性。下面,我们将介绍几种常见的JS特殊字符过滤代码。 基于字符编码的过滤 字符编码过滤的基本原理是将所有可能的JS特殊字符进行相应的编码,在输出时将编码重新转换为原有字符。常用的字符编码有HTML的&和”,URL的%20等。 以下是一个简单的示例: function ht…

    JavaScript 2023年6月10日
    00
  • js fetch异步请求使用实例详解

    下面是关于“js fetch异步请求使用实例详解”的完整攻略。 什么是fetch? Fetch 是一个基于 Promise 的 HTTP 请求 API,它是一种用于网络资源获取的新标准。 相对 XMLHttpRequest(XHR),它提供了更加简洁易用的接口,同时还支持更多的功能,如请求取消、跨域请求等。 fetch 最基本的使用方式 fetch 最简单的…

    JavaScript 2023年5月28日
    00
  • JavaScript的模块化:封装(闭包),继承(原型) 介绍

    JavaScript的模块化是一种将代码按照一定方式进行组织的方法。在JavaScript中,我们可以使用封装和继承实现模块化。 封装 封装是一种通过闭包实现的模块化方式,可以将一些数据和函数放在一个私有的作用域中,从而避免污染全局变量,同时将一些方法暴露出来,使之成为共有的API。 示例1 下面是一个简单的封装示例,通过IIFE(立即调用的函数表达式)创建…

    JavaScript 2023年6月10日
    00
  • JavaScript Dom对象的操作

    JavaScript DOM(文档对象模型)是一种使用JavaScript进行web页面编程的基本方式。它提供了API(应用程序接口),用于操作HTML和XML文档。在JavaScript中,DOM是一个对象层次结构,允许开发人员轻松地对HTML标记进行操作和访问。下面是JavaScript Dom对象的基本操作攻略: 获取元素 通过ID获取元素 javas…

    JavaScript 2023年5月27日
    00
  • js实现的奥运倒计时时钟效果代码

    我来给您介绍一下实现JavaScript奥运倒计时时钟效果的完整攻略。 1.准备工作 在对奥运倒计时时钟效果进行实现之前,我们需要先准备好一些技术和资源: HTML页面 CSS样式文件 JavaScript代码 首先,在HTML页面中,我们需要创建一个div标签,用来作为倒计时时钟显示的容器。可以为这个div添加一个id属性,方便后续的JavaScript代…

    JavaScript 2023年5月27日
    00
  • vue-router中hash模式与history模式的区别

    Vue-router是Vue.js官方的路由管理器,它可以轻松地为单页应用提供路由功能。在Vue-router中,路由模式分为hash模式和history模式,它们的区别如下: Hash模式 在浏览器中,hash(#)符号后面的所有字符都不会被发送到服务器,这使得单页应用成为现实。在Vue-router中,hash模式是默认的路由模式。 特点 URI的has…

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