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乱码问题分析及解决方案

    下面我将详细讲解“引用外部js乱码问题分析及解决方案”的完整攻略。 问题分析 当我们在网页中通过<script>标签引入外部JS脚本时,有时可能会出现乱码的问题,导致JavaScript代码无法正常执行。 这种乱码问题,一般出现在使用非ASCII字符编码的JavaScript文件时。因为在该文件未被正确处理的情况下,JavaScript引擎会将其…

    JavaScript 2023年5月19日
    00
  • js实现网页防止被iframe框架嵌套及几种location.href的区别

    下面我将详细讲解”JS实现网页防止被iframe框架嵌套及几种location.href的区别”的完整攻略。 JS实现网页防止被iframe框架嵌套 在编写网页时,我们可能希望页面不能被嵌套在iframe框架中,以避免网页的被其他网站直接嵌套到其它站点的页面上,从而保证网站数据的安全性和用户体验。为了实现网页的防止被iframe框架嵌套,我们可以使用以下方法…

    JavaScript 2023年6月11日
    00
  • html5+CSS3的编码规范

    HTML5+CSS3的编码规范是为了达到一份整洁、易读、易维护的代码目标而制定的。在此分享一份完整攻略: HTML部分 1. 文档声明 <!DOCTYPE html> 统一使用HTML5的文档声明方式,且在html标签中不需要再写上版本信息,即:<html>而非<html lang=”zh-cn”>。 2. 缩进及排版 统…

    JavaScript 2023年5月19日
    00
  • 微信小程序 前端源码逻辑和工作流详解

    微信小程序前端源码逻辑和工作流详解 微信小程序是一种轻量级的应用程序,可以方便地在微信中直接使用,不需要下载安装,用户可以直接使用。 在小程序前端的开发中,我们需要考虑的方面有很多,包括小程序的生命周期、组件、页面布局、API调用等等。本文将对微信小程序前端的源码逻辑和工作流程进行详解。 小程序前端源码逻辑 小程序的前端源码结构一般包括app.js、app.…

    JavaScript 2023年6月10日
    00
  • JavaScript贪吃蛇的实现代码

    下面我将为你详细讲解“JavaScript贪吃蛇的实现代码”的完整攻略。 一、游戏介绍 贪吃蛇是一款经典的游戏,它的目标是让一条蛇在游戏区域中不断移动,吃到食物后身体变长,直到撞墙或撞到自己身体就游戏结束。在这个项目中,我们将使用JavaScript实现贪吃蛇游戏。 二、实现步骤 1. HTML页面 首先我们需要创建一个HTML页面,包含一个游戏区域的can…

    JavaScript 2023年6月11日
    00
  • 常见的原始JS选择器使用方法总结

    常见的原始JS选择器使用方法总结 选择器是 JavaScript 编程中非常重要的一部分。选择器是用于访问和操作文档中的 HTML 元素的方法。 在 JavaScript 中,有多种类型的选择器,其中包含了基础选择器、层级选择器、伪选择器等。本文将总结常见的原始 JavaScript 选择器使用方法。 基础选择器 基础选择器是 JavaScript 中最常用…

    JavaScript 2023年6月10日
    00
  • js实现内置计时器

    当我们需要在网页中实现倒计时、循环播放等功能时,可以使用 JavaScript 中的内置计时器。下面是使用 setInterval 和 setTimeout 两种方式实现内置计时器的攻略。 使用 setInterval 实现内置计时器 使用 setInterval 函数可以设置定时器,让代码在指定时间间隔内重复执行。 具体做法如下: 创建一个计时器变量,用于…

    JavaScript 2023年5月27日
    00
  • p5.js实现故宫橘猫赏秋图动画

    下面是关于“p5.js实现故宫橘猫赏秋图动画”的完整攻略。 1. 确定实现思路 首先,需要了解故宫橘猫赏秋图的具体内容。然后,根据实际需求,确定实现思路。本次任务的实现思路如下: 绘制故宫橘猫赏秋图的背景; 根据时间变化,实现橘猫的移动效果; 实现橘猫的眨眼、转头等动作; 实现飘落的落叶特效。 2. 编写代码 2.1 绘制背景 使用p5.js提供的prelo…

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