JavaScript常用对象的方法和属性小结

JavaScript常用对象的方法和属性是 JavaScript 开发中经常用到的,包括字符串对象、数组对象、数值对象、日期对象、正则表达式对象等等。下面我将为你详细讲解这些常用对象的方法和属性。

字符串对象

字符串对象是 JavaScript 中最常用的对象之一,有很多对字符串进行操作的方法和属性。

常用方法

  • charAt(index):返回字符串中指定下标的字符。
  • concat(string1, string2...):连接两个或多个字符串。
  • indexOf(searchValue, fromIndex):检索字符串中指定的值的位置。
  • match(regexp):匹配字符串与正则表达式动态生成的正则对象的匹配项,返回一个数组,未匹配成功则返回 null。
  • replace(searchValue, replaceValue):将字符串中指定值替换为另一个值,并返回新的字符串。
  • split(separator, limit):把字符串分割为字符串数组。

常用属性

  • length:返回字符串的长度。
  • prototype:允许您向对象添加属性和方法。

示例1:使用 charAt() 方法获取字符串中指定下标的字符

let str = "Hello, world!";
let char = str.charAt(4);
console.log(char); // 输出 "o"

示例2:使用 length 属性获取字符串长度

let str = "Hello, world!";
let len = str.length;
console.log(len); // 输出 13

数组对象

数组对象也是 JavaScript 开发中经常用到的对象之一,在数组对象中,我们可以通过下标来访问其中的元素,同时也有许多数组的常用方法和属性。

常用方法

  • concat(array1, array2...):连接两个或多个数组。
  • indexOf(searchElement, fromIndex):搜索数组中指定元素的位置。
  • join(separator):将数组元素连接成一个字符串。
  • pop():移除并返回数组中的最后一个元素。
  • push(element1, element2...):向数组末尾添加一个或更多元素,并返回新的长度。
  • reverse():颠倒数组中元素的顺序。
  • shift():移除并返回数组的第一个元素。
  • slice(start, end):从已有的数组中返回选定的元素。
  • sort(compareFunction):对数组的元素进行排序。
  • splice(index, howmany, element1, ..., elementX):删除元素,并向数组添加新元素。

常用属性

  • length:数组的长度。
  • prototype:允许您为数组添加属性和方法。

示例1:使用 push() 方法向数组中添加元素

let arr = ["apple", "banana", "orange"];
let len = arr.push("grape");
console.log(arr); // 输出 ["apple", "banana", "orange", "grape"]
console.log(len); // 输出 4

示例2:使用 sort() 方法对数组中的元素进行排序

let arr = [5, 3, 9, 1, 4];
arr.sort();
console.log(arr); // 输出 [1, 3, 4, 5, 9]

数值对象

数值对象是用于处理数字的对象,包括整数、小数等。

常用方法

  • toExponential(fractionDigits):把数转换为指数计数法。
  • toFixed(fractionDigits):把数字转换为字符串,保留指定位数的小数。
  • toPrecision(precision):把数字转换为一个指定的精度,如省略号后有多余的数字则对其进行四舍五入。
  • toString():把数字转换为字符串。
  • valueOf():返回一个 Number 对象的原始数字值。

常用属性

  • MAX_VALUE:可表示的最大的数。
  • MIN_VALUE:可表示的最小的数。
  • NaN:非数字(Not a Number)。
  • NEGATIVE_INFINITY:负无穷大。
  • POSITIVE_INFINITY:正无穷大。

示例1:使用 toExponential() 方法把数转换为指数计数法

let num = 12345.6789;
let exp = num.toExponential(2);
console.log(exp); // 输出 "1.23e+4"

示例2:使用 toFixed() 方法将数字转换为字符串并保留一位小数

let num = 3.1415926;
let str = num.toFixed(1);
console.log(str); // 输出 "3.1"

日期对象

日期对象用于处理日期和时间。

常用方法

  • getDate():返回一个月中的某一天(1 ~ 31)。
  • getDay():返回一周中的某一天(0 ~ 6)。
  • getMonth():返回月份(0 ~ 11)。
  • getFullYear():返回完整的年份(4 位)。
  • getHours():返回小时数(0 ~ 23)。
  • getMinutes():返回分钟数(0 ~ 59)。
  • getSeconds():返回秒数(0 ~ 59)。
  • getTime():返回距 1970 年 1 月 1 日的毫秒数。

常用属性

  • prototype:允许您为对象添加属性和方法。

示例1:使用 getFullYear() 方法获取当前年份

let date = new Date();
let year = date.getFullYear();
console.log(year); // 输出当前年份,如:2021

示例2:使用 getTime() 方法获取距离 1970 年 1 月 1 日的毫秒数

let date = new Date();
let time = date.getTime();
console.log(time); // 输出距离 1970 年 1 月 1 日的毫秒数,如:1618702266174

正则表达式对象

正则表达式用于匹配文本中的模式。

常用方法

  • exec(string):返回匹配的结果,未匹配成功则返回 null。
  • test(string):查看字符串是否包含指定的模式。
  • toString():返回正则表达式的文本。

常用属性

  • global:是否启用全局匹配。
  • ignoreCase:是否不区分大小写(默认为 false)。
  • lastIndex:匹配到的最后一个字符的下一个位置。
  • multiline:是否启用多行匹配(默认为 false)。
  • source:正则表达式的源文本。

示例1:使用 test() 方法检查字符串是否包含指定的模式

let str = "Hello, world!";
let pattern = /world/;
let result = pattern.test(str);
console.log(result); // 输出 true

示例2:使用 exec() 方法查找指定的字符串

let str = "Hello, world!";
let pattern = /world/;
let result = pattern.exec(str);
console.log(result[0]); // 输出 "world"

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript常用对象的方法和属性小结 - Python技术站

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

相关文章

  • setTimeout函数兼容各主流浏览器运行执行效果实例

    下面我就来详细讲解一下如何使用 setTimeout 函数兼容各主流浏览器运行执行效果的完整攻略。 1. setTimeout 函数的基本使用 setTimeout 函数是 JavaScript 中一个比较常见的函数,用于在一定时间后执行一些操作。其基本语法为: setTimeout(function, milliseconds, param1, param…

    JavaScript 2023年6月11日
    00
  • 使用 Opentype.js 生成字体子集的实例代码详解

    使用 Opentype.js 生成字体子集的实例代码详解 什么是 Opentype.js Opentype.js 是一个 JavaScript 库,主要用于解析和操作 OpenType 字体。通过使用 Opentype.js,我们可以将 OpenType 字体嵌入到 Web 页面中,并对其进行各种操作,如显示、排版、模糊和旋转等。 什么是字体子集 字体子集是…

    JavaScript 2023年5月27日
    00
  • JS前端的内存处理的方法全面详解

    JS前端的内存处理的方法全面详解 引言 在开发JS前端应用程序时,内存的使用和处理是至关重要的一部分。正确认识和处理内存,能够提高程序的性能和稳定性。在本文中,我们将对JS前端内存处理的方法进行全面详解,让读者具备清晰的认知和技能。 内存管理的重要性 内存管理是一项关键任务,在避免内存泄漏和提高系统性能方面具有很大的潜力。JavaScript是一种动态类型编…

    JavaScript 2023年6月10日
    00
  • Vue设置keepAlive不生效问题及解决

    一起来详细讲解“Vue设置keepAlive不生效问题及解决”的完整攻略。 问题描述 在Vue开发中,我们通过设置keep-alive组件来缓存页面状态,避免重复渲染页面的性能瓶颈。但是,有时候我们可能会遇到这样的问题:设置了keep-alive却不生效,每次页面跳转都会重新渲染页面,这是为什么呢?如何解决这个问题呢? 原因分析 keep-alive组件默认…

    JavaScript 2023年6月11日
    00
  • JavaScript手写一个前端存储工具库

    标题:JavaScript手写一个前端存储工具库 简介 前端存储工具库是用于在客户端存储数据的工具,常见的有Cookie、localStorage、sessionStorage等。今天我们将学习如何手写一个前端存储工具库,以方便我们在实际开发中使用。 代码实现 我们将实现一个名为store的前端存储工具库,支持以下功能: 存储:可支持存储值类型、对象类型以及…

    JavaScript 2023年5月27日
    00
  • 关于二级域名下使用一级域名下的COOKIE的问题

    关于二级域名下使用一级域名下的COOKIE的问题,涉及到跨域问题和COOKIE同源策略问题,需要进行一定的设置来保证正常的COOKIE使用。 解决方案 一种通用的解决方案是通过在一级域名下设置COOKIE的domain为一级域名的方式来解决跨域问题。具体步骤如下: 在一级域名下设置COOKIE时,需要设置domain为一级域名: document.cooki…

    JavaScript 2023年6月11日
    00
  • 简单JS打造酷炫代码雨(黑客高逼格)

    下面详细讲解一下“简单JS打造酷炫代码雨(黑客高逼格)”的完整攻略。 1. 简介 代码雨是指电影《黑客帝国》中出现的电脑矩阵下落代码的场景。而在网络世界中,代码雨常被用来表示网站的高逼格,因此它成为了一种很流行的网页特效。而本文就是在介绍如何使用简单的JS代码来打造一个酷炫的代码雨效果。 2. 实现步骤 2.1 HTML结构 首先,我们需要在HTML中创建一…

    JavaScript 2023年6月11日
    00
  • JS中的异常处理方法分享

    JS中的异常处理是一个重要的主题,因为JS是一门弱类型、动态语言,如果没有健壮的异常处理机制,程序就会出现各种意外的运行错误。在这里,我将分享一些JS中异常处理的方法。 try-catch try-catch是JS中处理异常的最常用方法,可以在try代码块中放置可能会抛出异常的代码块,如果有异常被抛出,就会被catch代码块捕获,并进行相应的处理。例如: t…

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