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

yizhihongxing

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日

相关文章

  • js+canvas实现网站背景鼠标吸附线条动画

    实现网站背景鼠标吸附线条动画可以使用js+canvas技术实现,具体过程如下: 设计思路 使用canvas创建一个全屏的画布。 监听鼠标移动事件,实时获取鼠标的坐标位置。 创建一个数组存储所有的点,每个点有一定的速度,通过一个定时器不断的移动这些点,形成连续的轨迹。 每一个点的位置在不停地变动,需要实时计算每个点与鼠标的距离,并在一定范围内绘制一条线条连接两…

    JavaScript 2023年6月11日
    00
  • JavaScript事件委托

    JavaScript 事件委托是一种常用的编程技巧,它可以避免为每个元素添加事件监听器。事件委托背后的思想是,将事件监听器添加到其父元素上,而不是为每个子元素添加监听器。当事件触发时,事件将从子元素冒泡到其父元素,由父元素的事件监听器处理。这种技巧可以减少代码量,提高性能。 以下是一个完整的 JavaScript 事件委托攻略: 1. 理解事件冒泡和捕获 事…

    Web开发基础 2023年3月30日
    00
  • JavaScript中的Object对象学习教程

    JavaScript中的Object对象学习教程 Object对象是JavaScript中的基础对象之一,它提供了一种存储和操作数据的方式,可以定义任意类型的数据结构,并对其进行操作。本教程将详细介绍Object对象的基本用法和常见方法。 创建Object对象 Object对象的创建有两种方式:字面量和构造函数。 字面量方式 var obj = {}; //…

    JavaScript 2023年5月27日
    00
  • javascript算法之数组反转

    我将为你详细讲解“javascript算法之数组反转”的完整攻略。首先需要了解的是什么是数组反转。数组反转是指将一个数组中的元素顺序颠倒,即数组的第一个元素变为最后一个,第二个元素变为倒数第二个,以此类推。 接下来我将为你提供具体的步骤: 创建一个数组 在开始反转数组之前,我们需要先创建一个数组。可以使用以下方法创建一个数组变量: let arr = [1,…

    JavaScript 2023年5月27日
    00
  • JS遍历页面所有对象属性及实现方法

    JS遍历页面所有对象属性及实现方法 在JavaScript中,对象是一个非常重要的概念,通过对象可以将多种类型的数据(属性)和方法(函数)组合到一起,实现对数据的封装和操作。在前端开发中,遍历页面中所有的对象属性是非常常见的需求,本文将介绍如何实现这一功能。 1. for…in循环 for…in循环是JavaScript中遍历对象属性的一种基本方法,…

    JavaScript 2023年5月27日
    00
  • 让alert不出现弹窗的两种方法

    下面我来详细讲解“让alert不出现弹窗的两种方法”。 方式一:使用 console.log 在 JavaScript 中,除了 alert 还有一个常用的调试工具就是 console.log。它可以在浏览器的控制台打印输出信息,便于我们查看函数的执行情况和数据的变化情况。 示例代码如下: function showMessage() { console.l…

    JavaScript 2023年6月11日
    00
  • 防止浏览器记住用户名及密码的简单实用方法

    请看下面的解释: 防止浏览器记住用户名及密码的简单实用方法 如果你担心你保存在浏览器中的用户名和密码被盗取或者暴露,那么最好的防范措施是不允许浏览器记住这些信息。虽然浏览器自带的自动填充功能可以为用户省去不少麻烦,但也有可能被利用导致泄露用户隐私,甚至容易导致经济损失。这里提供几种简单而实用的方法来防止浏览器记住你的用户名和密码。 方法一:添加autocom…

    JavaScript 2023年6月11日
    00
  • 原生js实现图片层叠轮播切换效果

    让我来详细讲解一下“原生js实现图片层叠轮播切换效果”的完整攻略: 1. 准备工作 在开始编写代码之前,需要进行一些准备工作: 1.1 编写 HTML 结构 首先需要编写 HTML 结构,包含轮播图容器、图片容器、轮播点容器等元素,示例代码如下: <div class="swiper-container"> <div c…

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