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日

相关文章

  • Android 混淆代码详解及实例

    Android 混淆代码详解及实例 Android中的混淆代码(ProGuard)是一个非常有用的工具,它可以帮助开发者混淆、压缩和优化代码,使得攻击者很难对应用程序进行反向工程或者逆向破解,有效保护您的应用程序的安全性。 混淆代码的作用 混淆代码是为了保护您的应用程序的安全性。在Android系统中,所有的应用程序都是以dex格式存储。Dex是一种基于Ja…

    JavaScript 2023年6月11日
    00
  • iframe实用操作锦集

    下面我将为你详细讲解“iframe实用操作锦集”的完整攻略。 什么是iframe? iframe 即内联框架,它可以将其他页面嵌入到当前页面中。通过 iframe 可以方便地实现异步加载、跨域嵌入等功能。下面是最基本的 iframe 使用方法: <iframe src="https://www.example.com">&lt…

    JavaScript 2023年6月11日
    00
  • javascript iframe跨域详解

    下面详细讲解 JavaScript Iframe 跨域的完整攻略,说到 iframe,一定要涉及到跨域问题。当 iframe 页面和父页面处于不同域时,由于同源策略的限制,JavaScript 无法获取到 iframe 页面的内容,也无法操作 iframe 页面中的元素。但是,在某些场景下,我们需要在父页面中嵌入一个 iframe 来展示一个来自不同域的页面…

    JavaScript 2023年6月11日
    00
  • JavaScript Promise与async/await作用详细讲解

    JavaScript Promise与async/await作用详细讲解 Promise的概念及作用 Promise是ES6引入的一种异步编程的解决方案。Promise可以看作是一种容器,里面保存着一个异步操作的结果。Promise对象有三种状态:Pending(进行中)、Fulfilled(已成功)和Rejected(已失败)。当Promise对象的状态从…

    JavaScript 2023年5月28日
    00
  • window.js 主要包含了页面的一些操作

    简介 window.js 是一个在浏览器中运行的 JavaScript 脚本,它主要包含了页面的一些操作,如创建弹窗、改变网页地址以及在窗口中打印信息等。它作为浏览器的全局对象之一,常常被程序员用来操纵浏览器的标签页或者是浏览器自身。 页面操作 window.js 提供多种页面操作的方法,比如弹出对话框、打开新窗口、关闭当前窗口等。以下是两个简单的示例说明。…

    JavaScript 2023年6月10日
    00
  • JS实现匀加速与匀减速运动的方法示例

    JS实现匀加速与匀减速运动的方法示例攻略如下: 一、匀加速运动 1. 获取元素并初始化 首先需要获取需要进行匀加速运动的元素,并初始化一些变量。假如我们要让一个div元素匀加速向右移动,可以使用如下代码: let box = document.querySelector(‘.box’); // 获取元素 let speed = 10; // 初始速度 let…

    JavaScript 2023年5月28日
    00
  • JavaScript知识点总结(六)之JavaScript判断变量数据类型

    下面是JavaScript判断变量数据类型的完整攻略。 根据typeof操作符判断变量数据类型 JavaScript的typeof操作符可以判断一个变量的类型,其语法为: typeof variable 其中variable为需要判断类型的变量。typeof操作符会返回这个变量的数据类型字符串,比如:”number”、”string”、”boolean”、”…

    JavaScript 2023年5月28日
    00
  • JS删除数组里的某个元素方法

    当需要从JavaScript数组中删除某个元素时,可以使用多种不同的方法。下面是其中的几种可能的方法: 使用splice()方法 splice()方法可以用于从数组中删除一个或多个元素,这是一个十分通用的方法。splice()方法可以接受三个参数: 1.起始位置(从哪一个索引位置开始删除)。 2.要删除的元素数(要删除多少个元素)。 3.要添加的元素(可选的…

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