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日

相关文章

  • Chrome调试折腾记之JS断点调试技巧

    Chrome调试折腾记之JS断点调试技巧 介绍 Web开发中调试是必不可少的环节之一,Chrome提供了丰富的调试工具来帮助我们定位问题。本文将着重介绍Chrome的JS断点调试技巧。 步骤 步骤一:打开调试工具 打开需要调试的页面,按下 F12 或右键选择 审查元素 ,即可打开 Chrome 的调试工具。 步骤二:在JS代码中插入断点 在需要调试的代码行左…

    JavaScript 2023年6月10日
    00
  • javascript实现的字符串与十六进制表示字符串相互转换方法

    当我们需要将一个字符串转换为十六进制格式时,可以使用 JavaScript 中的 toString(16) 方法来实现。而将十六进制格式的字符串转换为正常的字符串时,则需要先将其转换为十进制数,再调用字符编码方法 String.fromCharCode() 来获取字符串。 字符串转换为十六进制格式字符串 以下是一个示例代码: const str = ‘hel…

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

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

    JavaScript 2023年6月11日
    00
  • JS常见问题之为什么点击弹出的i总是最后一个

    作为一个网站作者,我很高兴为你解答“JS常见问题之为什么点击弹出的i总是最后一个”的完整攻略。 问题描述 该问题通常出现在JS开发中,当我们为多个元素添加点击事件并在事件处理程序中弹出一些信息时,点击任何一个元素后弹出的信息都是最后一个元素的信息,但这并不是我们想要的结果。我们的目标是点击哪个元素,就弹出哪个元素的信息。 原因分析 这个问题的原因在于回调函数…

    JavaScript 2023年6月10日
    00
  • iView UI FORM 动态添加表单项校验规则写法实例

    iView UI是一个基于Vue.js的UI组件库,提供了众多的组件和功能,其中FORM组件是表单组件,可以方便的实现表单的校验和提交。 当需要动态添加表单项时,需要动态绑定表单项的校验规则。下面是iView UI FORM动态添加表单项校验规则的完整攻略: 步骤一:引入iView UI组件库 import Vue from ‘vue’ import iVi…

    JavaScript 2023年6月10日
    00
  • 详解Jotai Immer如何实现undo redo功能示例详解

    详解Jotai Immer如何实现undo redo功能示例详解 Jotai Immer是一个结合了Jotai和Immer两种状态管理库的工具,其中Immer提供了基于不可变数据结构的状态修改方式,Jotai则提供了状态的管理和更新功能。通过结合使用两个库,我们可以更加方便地进行状态管理,并实现undo redo功能。 安装和引入 首先,我们需要安装Jota…

    JavaScript 2023年6月11日
    00
  • jquery中输入验证中一个不错的效果

    针对”jquery中输入验证中一个不错的效果”的完整攻略,我会提供如下几个方面的内容: 描述验证效果要达到的目的 代码实现:如何使用jQuery实现输入验证效果 代码示例:提供两个具体的验证效果示例来演示该攻略的应用 验证效果要达到的目的: 输入验证又称为表单验证,常用于网站注册、登录、找回密码等场景的表单中,目的是检测用户输入数据的正确性和合法性,避免用户…

    JavaScript 2023年6月10日
    00
  • flash与js通讯方法

    Flash与JS通讯是前端开发中经常遇到的问题,下面我来为大家详细讲解一下Flash与JS通讯方法的完整攻略。 Flash与JS通讯方法 Flash与JS之间的通讯一般通过两种方式,一种是Flash调用JS方法,另一种是JS调用Flash方法。下面分别详细讲解这两种方式。 Flash调用JS方法 Flash调用JS方法是通过ExternalInterface…

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