JavaScript常用对象方法大揭秘

JavaScript常用对象方法大揭秘，JavaScript，作为一种强大的脚本语言，拥有丰富的内置对象和方法，这些对象和方法为开发人员提供了强大的功能，使得编程变得更加便捷和高效。数组是一个非常重要的对象，它允许我们存储和操作一组数据，数组有许多内置方法，如push、pop、shift、unshift等，这些方法使得我们可以轻松地添加、删除和操作数组元素。日期对象也是JavaScript中不可或缺的一部分，它允许我们获取和设置日期、时间，以及进行日期计算，我们可以使用Date对象的方法来获取当前日期和时间，或者计算两个日期之间的差值。还有许多其他有用的对象和方法，如字符串对象（包含许多用于处理字符串的方法）、数学对象（提供常用的数学函数）以及JSON对象（用于处理JSON数据），这些对象和方法都极大地扩展了JavaScript的功能，使得开发人员能够更灵活地应对各种编程需求。掌握这些常用对象和方法，将使你在JavaScript编程中更加游刃有余。

本文目录导读：

1. 数组对象（Array）
2. 字符串对象（String）
3. 数学对象（Math）
4. 日期对象（Date）
5. 正则表达式对象（RegExp）

在JavaScript的世界里，对象就像是一堆积木，每一个积木都是一个小小的功能模块，而我们日常编程中经常会用到的对象，就像是这些积木的集合，就让我们一起走进JavaScript的对象世界，探索那些常用的对象方法,看看它们是如何帮助我们解决问题的吧！

数组对象（Array）

数组是JavaScript中最常见的对象之一，它用于存储一系列有序的数据，数组对象有很多内置的方法,让我们能够轻松地对数组进行操作。

push()

push() 方法将一个或多个元素添加到数组的末尾,并返回新的长度。

案例说明：

let arr = [1, 2, 3];
arr.push(4); // arr 现在是 [1, 2, 3, 4]

pop()

pop() 方法删除数组的最后一个元素,并返回该元素的值。

案例说明：

let arr = [1, 2, 3, 4];
let lastElement = arr.pop(); // lastElement 是 4，arr 现在是 [1, 2, 3]

shift()

shift() 方法删除数组的第一个元素,并返回该元素的值。

案例说明：

let arr = [1, 2, 3, 4];
let firstElement = arr.shift(); // firstElement 是 1，arr 现在是 [2, 3, 4]

unshift()

unshift() 方法在数组的开头添加一个或多个元素,并返回新的长度。

案例说明：

let arr = [1, 2, 3];
arr.unshift(0); // arr 现在是 [0, 1, 2, 3]

字符串对象（String）

字符串是JavaScript中另一种常用的对象，它用于表示文本数据，字符串对象提供了很多有趣的方法,让我们能够更方便地处理文本。

length

length 属性返回字符串的长度（字符数）。

案例说明：

let str = "Hello, World!";
let length = str.length; // length 是 13

charAt()

charAt() 方法返回在指定位置的字符。

案例说明：

let str = "Hello, World!";
let charAt = str.charAt(0); // charAt 是 "H"

concat()

concat() 方法用于连接两个或多个字符串,并返回一个新的字符串。

案例说明：

let str1 = "Hello";
let str2 = "World";
let concatenated = str1.concat(" ", str2); // concatenated 是 "Hello World"

replace()

replace() 方法用于替换字符串中的某个子字符串。

案例说明：

let str = "Hello, World!";
let replaced = str.replace("World", "JavaScript"); // replaced 是 "Hello, JavaScript!"

数学对象（Math）

数学对象是JavaScript中提供的一些常用数学函数和方法的对象，虽然它不是一个真正的对象,但它的方法经常被当作对象来使用。

abs()

abs() 方法返回数字的绝对值。

案例说明：

let num = -5;
let absValue = Math.abs(num); // absValue 是 5

ceil()

ceil() 方法返回大于或等于给定数字的最小整数。

案例说明：

let num = 3.6;
let ceilValue = Math.ceil(num); // ceilValue 是 4

floor()

floor() 方法返回小于或等于给定数字的最大整数。

案例说明：

let num = 3.6;
let floorValue = Math.floor(num); // floorValue 是 3

round()

round() 方法返回四舍五入后的数字。

案例说明：

let num = 3.678;
let roundValue = Math.round(num); // roundValue 是 4

日期对象（Date）

日期对象是JavaScript中用于表示日期和时间的数据类型，它提供了很多有用的方法,让我们能够方便地处理日期和时间。

currentDate

currentDate 属性返回当前日期。

案例说明：

let currentDate = new Date();
console.log(currentDate); // 输出当前日期和时间

formatDate()

formatDate() 方法用于格式化日期。

案例说明：

let currentDate = new Date();
let formattedDate = currentDate.toLocaleDateString(); // 输出格式化后的日期

getTime()

getTime() 方法返回自1970年1月1日00:00:00 UTC以来的毫秒数。

案例说明：

let currentDate = new Date();
let time = currentDate.getTime(); // 获取当前时间的毫秒数

正则表达式对象（RegExp）

正则表达式对象用于匹配字符串中的特定模式,它提供了很多方法来操作和检查文本数据。

test()

test() 方法测试一个字符串是否包含与正则表达式匹配的文本。

案例说明：

let text = "Hello, World!";
let regex = /World/;
let result = regex.test(text); // result 是 true

match()

match() 方法返回一个数组,其中包含与正则表达式匹配的文本的所有结果。

案例说明：

let text = "Hello, World!";
let regex = /World/;
let matches = text.match(regex); // matches 是 ["World"]

replace()

replace() 方法用于替换字符串中的匹配项。

案例说明：

let text = "Hello, World!";
let regex = /World/;
let replaced = text.replace(regex, "JavaScript"); // replaced 是 "Hello, JavaScript!"

就是JavaScript中常用的一些对象和方法，掌握这些方法和对象,让你的JavaScript编程更加得心应手！

知识扩展阅读

大家好！今天我们来聊聊JavaScript中常用的对象方法，在JavaScript的世界里，对象是非常核心的概念，而对象的方法则是我们操作这些对象的手段，了解这些方法的用途和如何使用，对于每一位前端开发者来说,都是必不可少的技能。

对象的基本方法与概念

在JavaScript中，对象是一种复合数据类型，它可以包含多种数据类型的数据，并且可以通过方法来进行操作，对象的常见方法包括：创建对象、访问对象属性、修改对象属性、删除对象属性等，除此之外，还有一些常用的内置对象方法，如数组方法、日期方法、字符串方法等。

常用的对象方法详解

1. 创建对象的方法

   • Object.create(): 使用一个对象作为原型创建新对象。var obj = Object.create(prototypeObj);。
   • 字面量方式: 直接通过来创建对象。var obj = {};。
   • 构造函数方式: 使用构造函数来创建对象实例。var obj = new Object();或自定义构造函数如function Person() {...}后使用new Person()。

2. 访问和修改对象属性的方法

   • obj.property: 直接访问对象的属性。console.log(obj.name);。
   • obj['property']: 通过方括号语法访问对象的属性，特别适用于属性名包含特殊字符或变量的情况。console.log(obj['name@example']);或console.log(obj[propertyNameVar]);。
   • Object.defineProperty(): 用于直接在一个对象上定义一个新属性或修改一个对象的现有属性，并返回这个对象。Object.defineProperty(obj, 'name', {value: 'John'});。

3. 删除对象属性的方法

   • delete obj.property: 使用delete操作符删除对象的属性。delete obj.name;，如果成功删除，返回true；否则返回false。

4. 检查对象属性的方法

   • obj.hasOwnProperty(property): 检查对象自身是否具有某个属性（不检查原型链）。console.log(obj.hasOwnProperty('name'));。
   • in 操作符: 检查对象或其原型链中是否存在某个属性。'name' in obj;。

5. 其他常用方法

   • Object.keys(): 返回对象的所有键组成的数组。var keys = Object.keys(obj);。
   • Object.values(): 返回对象的所有值组成的数组。var values = Object.values(obj);。
   • Object.assign(): 用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。Object.assign(targetObj, sourceObj);，需要注意的是，此方法进行的是浅拷贝,不会复制对象的原型链。

内置对象的方法

除了上述通用的对象方法外，JavaScript还有一些内置对象的方法特别常用，如数组方法、字符串方法和日期方法等，这些方法对于处理特定类型的数据非常有用,下面简单介绍一些常用的内置对象方法：

• 数组方法: 包括push、pop、shift、unshift、sort等，用于操作数组数据，使用array.sort()对数组进行排序。
• 字符串方法: 包括split、join、toUpperCase、toLowerCase等，用于处理字符串数据，使用string.toUpperCase()将字符串转换为大写。
• 日期方法: 包括getDate、setMonth等，用于获取和设置日期信息，使用var date = new Date(); date.getDate();获取当前日期。

案例说明

假设我们有一个学生对象的例子，包含姓名、年龄和成绩属性,我们可以通过以下方式创建和操作这个对象：

// 创建学生对象
var student = {
  name: "张三",
  age: 20,
  score: 85,
  displayInfo: function() { // 定义方法显示学生信息 自定义方法属于该对象的方法（函数也是对象的一种） 调用方式 student.displayInfo() 或者 student["displayInfo"]() 都可以调用这个方法 前提是该方法已经定义在student对象中 或者定义在student的原型链上） 原型链上的方法是所有实例共享的 即一个实例可以调用另一个实例的方法（前提是该方法定义在原型链上） 实例自身的方法只能自己调用 不能调用其他实例的方法（除非其他实例把该方法共享出来） 实例自身的方法不能被其他实例继承（除非继承的是这个方法所在的对象） 实例自身的方法不能被其他实例覆盖（除非其他实例重新定义了这个方法） 实例自身的方法不能被删除（除非删除整个实例） 实例自身

相关的知识点：