JavaScript内置对象

前言:

1.什么是对象:

1.1面向对象是干什么的？

1.1.1封装：

1.1.2继承：

1.1.3多态：

1.2面向过程与面向对象:

1.2.1面向过程：

1.2.2面向对象：

1.3JavaScript中的对象

1.4内置对象：

2.关于数组:

2.1数组的定义:

2.2数组的索引:

2.3数组的长度

2.4数组的修改

2.5其他注意事项:

2.5.1没有负数索引：

2.5.2没有切片操作：

2.5.3数组是可变的：

2.6数组的方法:

2.6.1 push :

2.6.2 pop:

2.6.3 unshift :

2.6.4 shift:

2.6.5splice:

2.6.6 toString :

2.6.7 reverse:

3.关于字符串:

3.1声明方式：

3.1.1字面量方式：

3.1.2构造函数方式：

3.1.3字符串属性：

3.1.3.1.length：这是一个属性，用于获取字符串的长度，即字符串中字符的数量。

3.1.4字符串方法：

3.1.4.1toUpperCase() 和 toLowerCase()：

3.1.4.2charCodeAt(index)：

3.1.4.3substring(startIndex, endIndex)：

3.1.4.4split(separator)：

3.1.4.5indexOf(searchValue[, fromIndex])：

4.数学(Math)

4.1属性

4.2方法

5.日期(Date):

5.1创建日期对象

5.2Date对象的方法

结语:

前言:

经过我们前面的学习我们已经学习了很多关于JavaScript的流程控制和函数基础,今天我们就开始学习JavaScript的内置对象,

1.什么是对象:

在面向对象编程中，“对象”是一个包含数据（属性）和行为（方法）的实体。对象是类的实例，类定义了对象的基本结构和行为。在JavaScript中，对象通常是由键值对组成的，其中键是属性名或方法名，值是与该键相关联的数据或函数。

1.1面向对象是干什么的？

面向对象编程（OOP）是一种编程范式，它使用“对象”来设计软件和创建可重用的程序设计。OOP有三大主要特性：封装、继承和多态。

1.1.1封装：

封装是把数据和操作数据的函数放在一起，形成一个“对象”。这样，内部数据被保护起来，只能通过对象的方法来访问或修改，从而确保了数据的安全性和完整性。

1.1.2继承：

继承允许我们定义一个通用的类（父类或基类），然后创建更具体的类（子类或派生类）来继承父类的属性和方法。这有助于减少代码重复，提高代码的可重用性。

1.1.3多态：

多态是指允许一个接口（引用变量）引用多种实际类型，并根据实际的类型来执行对应的方法。这体现了代码的多样性和扩展性。

1.2面向过程与面向对象:

1.2.1面向过程：

关注的是“怎么做”，即按照一系列步骤或过程来执行任务。它强调的是一系列的操作和流程。

1.2.2面向对象：

关注的是“谁来做”，即使用对象来完成任务。它强调的是对象之间的交互和协作。

1.3JavaScript中的对象

在 JavaScript 中，对象就是一组键值对的集合，其中键是属性或方法的名称，值是对应的数据或函数。JavaScript 中的对象非常灵活，可以动态地添加或删除属性和方法。同时，JavaScript 也提供了一些内置的对象，如 Math、Date 等，这些对象提供了一些常用的功能和方法，方便开发者进行编程。

1.4内置对象：

JavaScript中有一些预定义的对象，如Math、Date、Array等，这些被称为内置对象。它们提供了许多常用的功能和方法，以便开发者能够更轻松地编写代码。

2.关于数组:

数组（Array）在JavaScript中是一种特殊的对象，用于存储有序的数据集合。与Python中的列表类似，数组中的每个元素都有一个索引，从0开始递增。数组可以包含任意类型的数据，包括字符串、数字、布尔值、对象，甚至是其他数组。

2.1数组的定义:

let 数组名 = [数据1, 数据2, 数据3, ...];

例如：

let kylin = ['麒麟', 28, true];

在这个例子中，kylin 是一个包含三个元素的数组，分别是字符串 '麒麟'、数字 28 和布尔值 true。

2.2数组的索引:

数组的每个元素都可以通过其索引（下标）来访问。索引从0开始计数。

console.log(kylin[1]); // 输出 28

2.3数组的长度

.length 属性用于获取数组的长度（即数组中的元素数量）。

console.log(kylin.length); // 输出 3

2.4数组的修改

数组的元素可以通过索引来修改。

kylin[0] = '七零'; // 将数组的第一个元素修改为字符串 '七零'

2.5其他注意事项:

2.5.1没有负数索引：

在JavaScript数组中，不能使用负数作为索引来访问元素。

2.5.2没有切片操作：

与Python的列表不同，JavaScript的原生数组没有内置的切片操作。但是，可以通过其他方法（如使用slice()方法）来实现类似切片的功能。

2.5.3数组是可变的：

数组的元素可以被修改、添加或删除。

2.6数组的方法:

JavaScript数组提供了许多内置方法，用于操作数组，如添加元素（push）、删除元素（pop）、查找元素（indexOf）、排序（sort）等。这些方法为处理数组数据提供了强大的工具。这里我也会进行一些拓展就是关于数组的方法:

2.6.1 push :

在最后追加数据.可以追加多个数据

用于在数组的末尾添加一个或多个元素，并返回新的长度。

数组.push(数据) 数组.push(数据,数据)

let arr = [1, 2, 3];  
arr.push(4, 5); // 添加两个元素  
console.log(arr); // 输出: [1, 2, 3, 4, 5]

2.6.2 pop:

删除最后一个数据

用于删除数组的最后一个元素，并返回该元素。

数组.pop()

let arr = [1, 2, 3, 4, 5];  
let lastElement = arr.pop(); // 删除最后一个元素  
console.log(arr); // 输出: [1, 2, 3, 4]  
console.log(lastElement); // 输出: 5

2.6.3 unshift :

在最前面追加数据,可以追加多个数据

用于在数组的开头添加一个或多个元素，并返回新的长度。

数组.unshift(数据) 数组.unshift(数据,数据)

let arr = [3, 4, 5];  
arr.unshift(1, 2); // 在开头添加两个元素  
console.log(arr); // 输出: [1, 2, 3, 4, 5]

2.6.4 shift:

删除第一个数据用于删除数组的第一个元素，并返回该元素。

数组.shift()

let arr = [1, 2, 3, 4, 5];  
let firstElement = arr.shift(); // 删除第一个元素  
console.log(arr); // 输出: [2, 3, 4, 5]  
console.log(firstElement); // 输出: 1

2.6.5splice:

剪切数据用于在任意位置添加/删除元素。

数组.splice(起点下标,剪切数量)

let arr = [1, 2, 3, 5, 6];  
arr.splice(3, 0, 4); // 在下标3的位置插入数字4  
console.log(arr); // 输出: [1, 2, 3, 4, 5, 6]

2.6.6 toString :

把数组转为字符串数组.toString()

let arr = [1, 2, 3];  
let str = arr.toString(); // 转换为字符串  
console.log(str); // 输出: "1,2,3"

2.6.7 reverse:

反转数据反转数组中的元素。

数组.reverse

let arr = [1, 2, 3, 4, 5];  
arr.reverse(); // 反转数组  
console.log(arr); // 输出: [5, 4, 3, 2, 1]