JavaScript的内置对象

最新推荐文章于 2024-10-10 10:50:43 发布

兔朱迪的万花筒

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量780

点赞数 16

分类专栏： Web 前端文章标签： javascript 开发语言前端

本文链接：https://blog.csdn.net/u010852547/article/details/137049906

版权

Web 前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1、内置对象

在JavaScript中，对象是一种复杂的数据类型，可以存储多个值作为一个单独的实体。内置对象提供了各种功能，用于处理数据和与浏览器交互。他们是预定义的对象，无需额外创建：

Array对象
- 数组是一种用来存储一系列值的容器，它可以包含任意类型的数据，如数字、字符串、对象等。
- 用于组织和处理数据，进行查找、排序、过滤、迭代等操作。

属性	描述
`length`	设置或返回数组中元素的数量

方法	描述
`concat()`	连接两个或多个数组，并返回新数组
`forEach()`	对数组的每个元素执行一次提供的函数
`filter()`	创建一个新数组，其包含通过所提供函数实现的测试的所有元素
`map()`	创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果
`push()`	向数组的末尾添加一个或多个元素，并返回新的长度
`pop()`	删除并返回数组的最后一个元素

举例：

//创建方式一：
var arr = new Array(1,2,3);

//创建方式二：
var arr2 = [1,2,3];  //注意JavaScript中是[]

//JavaScript中，数组长度可变、元素类型可变
//变长
var arr3 = [1,2,3];
arr3[10] = 10; 
alert(arr3[10]); // 10 
alert(arr3[9]); //undefined (因为索引9的元素没有赋值)  
//也可以给数组添加字符串
arr3[5] = "hello";
alert(arr3[5]); // hello

//属性：length 
//遍历
var arr = [1,2,3];
for (let i = 0; i < arr.length; i++) {
    alert(arr[i]);
}

//方法：push：添加元素，在数组的末尾添加
var arr5 = [1,2,3];
arr5.push(10);  //参数表示要添加的元素
alert(arr5); //数组的元素是 {1,2,3,10}


//方法：splice：删除元素
var arr5 = [1,2,3];
arr5.splice(0,1); //从 0 索引位置开始删除，删除一个元素 
// 参数1：索引，从哪个索引位置删除 参数2：个数，删除几个元素
alert(arr5); // {2,3}

String对象

方法	描述
`concat()`	连接两个或多个字符串
`toLowerCase()`	把字符串转换为小写
`toUpperCase()`	把字符串转换为大写
`trim()`	去除字符串两端的空白字符
`replace()`	替换与正则表达式匹配的子串
`split()`	把字符串分割为字符串数组

Number对象

方法	描述
`toFixed()`	把数字转换为字符串，结果的小数点后有指定位数的数字
`toExponential()`	把数字转换为字符串，采用指数计数法表示
`toString()`	把数字转换为字符串

Date对象

方法（属性）	描述
`getFullYear()`	获取年份
`getMonth()`	获取月份（0-11）
`getDate()`	获取一个月中的某一天（1-31）
`getHours()`	获取小时（0-23）
`getMinutes()`	获取分钟（0-59）
`getSeconds()`	获取秒（0-59）
`getMilliseconds()`	获取毫秒（0-999）
`setDate()`	设置Date对象中月的某一天
`setFullYear()`	设置Date对象的年份（四位数字）
`setMonth()`	设置Date对象的月份

Math对象

属性	描述
`Math.PI`	返回圆周率

方法	描述
`Math.round()`	四舍五入到最接近的整数
`Math.floor()`	向下取整
`Math.ceil()`	向上取整
`Math.max()`	返回一组数中的最大值
`Math.min()`	返回一组数中的最小值
`Math.random()`	返回0到1之间的随机数

Boolean对象
- 包装了布尔值的对象。
- 布尔值只有两个可能的取值：true和false。
Object对象
- Object对象是JavaScript中所有对象的基类。
- 对象由属性和方法组成，属性用来描述对象的状态或特性，方法则是对象所具有的行为或动作。
RegExp对象
- 正则表达式是一种强大的文本处理工具，可以用来查找、匹配和替换符合特定模式的文本。
- RegExp对象用于表示正则表达式，可以用来在字符串中执行模式匹配和替换操作，通常与String对象的match()、replace()等方法一起使用。
Global对象
- 在JavaScript中，Global对象是一个特别的存在，在ECMAScript程序执行之前就已经存在，并且包含了所有不属于任何其他对象的属性和方法。所有在全局作用域定义的变量和函数，都是Global对象的属性和方法。可以通过全局作用域来访问它的属性和方法。
- Global对象在浏览器环境和Node.js环境中略有不同。在浏览器中，Window对象用作浏览器窗口中所有JavaScript代码的全局对象。而在Node.js中，全局对象具有一个名为global的属性，该属性引用全局对象本身。

属性	描述
`Infinity`	表示正无穷大的数值
`NaN`	表示非数字的值
`undefined`	表示未定义的值
方法	描述
`eval()`	执行字符串中的JavaScript代码
`isNaN()`	判断一个值是否为非数字
`parseFloat()`	解析字符串并返回浮点数
`parseInt()`	解析字符串并返回整数
`encodeURI()`	对URI进行编码
`decodeURI()`	对URI进行解码
`encodeURIComponent()`	对URI组件进行编码
`decodeURIComponent()`	对URI组件进行解码
`isFinite()`	判断一个值是否为有限的数字

2、自定义对象

定义：

var 对象名称 = {
属性名称1:属性值1,
属性名称2:属性值2,
...,
函数名称:function (形参列表){},
...
};

调用：

对象名.属性名

对象名.函数名()

举例：

var person = {
        name : "Penny",
        age : 23,
        eat: function (){
            alert("开饭~");
        }
    };

alert(person.name);  //Penny
alert(person.age); //23

person.eat();  //开饭~