JavaScript-----对象（创建对象、数组与字符串）

news2024/10/5 13:03:10

前言：

1. JavaScript创建对象

1.1 对象的创建

1.2 对象的调用

1.3 for-in循环语句

2.内置对象

2.1 Array（数组）对象

属性和方法

2.2 String（字符串）对象

属性和方法

2.3 Math对象

2.4 日期对象

前言：

在学习JavaScript之前我们都知道，这是一门面对对象的编程语言，跟Python、Java是一样的，一切数据皆可以是对象，与此同时我们可以去通过创建自定义对象进行相关的编程操作，下面就一起学习JavaScript的面对对象吧！

1. JavaScript创建对象

1.1 对象的创建

JavaScript中object类型包含的数据有很多，数组、普通对象、DOM节点、内置对象等等都属于obejct类型。

JavaScript中使用花括号{ }来创建对象，{ }中用来定义对象中的属性。属性是一个个键:值对的组合，其中键（属性名称）始终是字符串类型的，而值（属性值）则可以是任意类型，例如字符串、数组、函数或其它对象等。不同的属性之间使用逗号进行分隔。

//创建一个对象
let L={
        name:'Tom',
        age:20,
        tall:176,
        fun:function() //创建一个方法
        {
            console.log(this.name) //打印这个对象的name属性
        }
    };

//创建一个对象
let person = {
    name: "吴彦祖",
    age: 28,
    gender: "Male",
    displayName: function() {
        document.write(this.name);
    }
};

如果你们学了Python的面对对象就会发现，JavaScript的自定义对象跟Python是有异曲同工之处的，Python是通过self来去指定本身对象，而在JavaScript是去通过this来去指向自己

1.2 对象的调用

在定义对象时，属性名称虽然是字符串类型，但通常不需要使用引号来定义

函数的this指向,指向调用函数的对象

要访问或获取属性的值，您可以使用对象名.属性名或者对象名["属性名"]的形式

console.log(person.name)
console.log(person["age"])

使用对象名.属性名或者对象名["属性名"]的形式除了可以获取对象的属性值外，也可以用来设置或修改对象的属性值

person.phone = "150*******8";
person.age = 20;
person["name"] = "湖南吴彦祖";

使用delete语句来删除对象中的属性

delete person.gender;
delete person["phone"];

1.3 for-in循环语句

for-in循环是一种特殊循环，可用于循环对象或数组。在此之前Python也有类似的语法，但是不同的是JavaScript获取到的是一个索引的值（也就是键值），而不是直接获取到里面的数据，看以下代码示例：

let a=[1,2,3,4,5];
    let L={
        name:'Tom',
        age:20,
        tall:176,
        fun:function()
        {
            console.log(this.name) //打印这个对象的name属性
        }
    };
    /*输出：name
            age
            tall
            fun*/
    for(let key in L){
        console.log(key);
    }
    for(let i in a){
        console.log(a[i]);
    }
    //输出 1 2 3 4 5

2.内置对象

内置对象是JavaScript预先提供的一些特殊对象，比如数字、字符串等等，能实现不同的功能

2.1 Array（数组）对象

数组是值的有序集合，数组中的每个值称为一个元素，每个元素在数组中都有一个数字位置，称为下标，下标从0开始，依次递增。

数组用于存储若干数据,自动为每位数据分配下标,从0开始

数组中的元素不限数据类型,长度可以动态调整

动态操作数组元素：根据元素下标读取或修改数组元素，arr[index]

let arr = [10, 50, true];

JavaScript里面的数组实际上就是Python中的列表，但是这里叫做数组。

属性和方法

length：获取数组长度

push(data)：在数组的末尾添加一个或多个元素,多个元素之间使用逗号隔开，返回添加之后的数组长度。

pop()：移除末尾元素，返回被移除的元素。

shift()：移除数组的第一个元素，返回被移除的元素。

unshift(data)：在数组的头部添加一个或多个元素，返回添加之后的数组长度。

splice(index,num)：从数组中添加/删除项目，返回被删除的项目。

slice(startNum,endNum) 截取数组（切片）：startNum 参数为起始位置(包含), endNum 参数结束位置(不包含)。

toString()：将数组转换成字符串类型，返回字符串结果。

join(param)：将数组转换成字符串,可以指定元素之间的连接符,如果参数省略,默认按照逗号连接，返回字符串。

reverse(函数参数)：反转数组,倒序重排，返回重排的数组,注意该方法直接修改原数组的结构

sort(函数参数)：对数组中元素排序,默认按照Unicode编码升序排列，返回重排后的数组,直接修改原有数组 函数参数 : 可选,自定义排序算法

如果你学了Python的话，上面这些基本上就是列表的操作方法，过一遍就懂了。

2.2 String（字符串）对象

属性和方法

转换字母大小写：

toUpperCase() 转大写字母

toLowerCase() 转小写字母

返回转换后的字符串,不影响原始字符串

获取字符或字符编码

charAt(index)：获取指定下标的字符

charCodeAt(index) 获取指定下标的字符编码

参数为指定的下标,可以省略,默认为0

indexOf(str,fromIndex)：获取指定字符的下标,从前向后查询,找到即返回

str 表示要查找的字符串,必填

fromIndex 表示起始下标,默认为0

返回指定字符的下标,查找失败返回-1

截取字符串

substring(startIndex,endIndex)：根据指定的下标范围截取字符串,startIndex ~ endIndex-1，startIndex：表示起始下标，endIndex：表示结束下标,可以省略,省略表示截止末尾

substr(startIndex,len)：从指定索引位置截取指定长度的字符串

split(param)：将字符串按照指定的字符进行分割,以数组形式返回分割结果。参数 : 指定分隔符,必须是字符串中存在的字符,如果字符串中不存在,分割失败,仍然返回数组

match(regExp/subStr)：查找字符串中满足正则格式或满足指定字符串的内容。返回 : 数组,存放查找结果

replace(regExp/subStr,newStr)：根据正则表达式或字符串查找相关内容并进行替换，替换后的字符串,不影响原始字符串。

2.3 Math对象

Math对象主要提供一些列数学运算的方法

属性：圆周率 : Math.PI

我们主要用的就是他里面的随机数方法

Math.random() 随机生成0到1之间的数包括0不包括1

Math.ceil() 向上取整(天花板值) 遇到小数向上取整

Math.floor() 向下取整(地板值) 遇到小数向下取整

Math.round() 四舍五入

2.4 日期对象

创建日期对象

let date1 = new Date("2022/11/11");
let date2 = new Date("2011/11/11 11:11:11");

日期对象方法

getTime() 返回一个毫秒值到时间零点的距离

getFullYear() 返回年

getMonth() 返回月注意:得到的月份是从0开始要返回当前月需要加1

getDate() 返回日期

getHours() 返回小时

getMinutes() 返回分钟

getSeconds() 返回秒

getDay() 返回星期