QD1-P52 JS 内置对象

title: QD1-P52 JS 内置对象

description: JavaScript 内置对象

video: [https://www.bilibili.com/video/BV1n64y1U7oj?p=52](https://www.bilibili.com/video/BV1n64y1U7oj?p=52)

subject:前端学习笔记 1

JavaScript 提供了多种内置对象,帮助开发者完成常见的编程任务。

1. Object

  • 所有对象的基类。

  • 提供方法来创建和操作对象。

  • 示例:

    const person = {
           
            name: 'Alice', age: 25 };
    console.log(Object.keys(person)); // 输出: ['name', 'age']
    

2. Array

  • 用于处理数组的对象,提供丰富的方法。

  • 示例:

    const fruits = ['apple', 'banana', 'cherry'];
    console.log(fruits.length); // 输出: 3
    console.log(fruits.map(fruit => fruit.toUpperCase())); // 输出: ['APPLE', 'BANANA', 'CHERRY']
    

解析这段代码:

fruits.map(fruit => fruit.toUpperCase())

每一部分的作用:

  1. fruits​:

    • 数组 ['apple', 'banana', 'cherry']​。
  2. fruits.map(...)​:

    • map​ 方法用于对数组的每个元素执行指定的函数,并返回一个新数组。原数组不变。
  3. fruit => fruit.toUpperCase()​:

    • 这是一个箭头函数。它接受一个参数 fruit​(数组中的每个元素),并返回该元素的大写形式。
    • fruit.toUpperCase()​ 是字符串方法,将 fruit​ 转换为大写字母。

合起来的作用:

  • 当调用 fruits.map(fruit => fruit.toUpperCase())​ 时,map​ 方法会遍历 fruits​ 数组,对每个水果名称调用 toUpperCase​,最终返回一个新的数组:
['APPLE', 'BANANA', 'CHERRY']

3. String

  • 用于处理字符串的对象,提供多种字符串操作方法。

  • 示例:

    const message = 'Hello, World!';
    console.log(message.toLowerCase()); // 输出: 'hello, world!'
    

4. Number

  • 用于处理数字的对象,提供一些数学相关的方法。

  • 示例:

    console.log(Number.isInteger(10)); // 输出: true
    console.log(Math.sqrt(16)); // 输出: 4
    

5. Boolean

  • 代表布尔值 true​ 或 false​。

6. Function

  • 所有函数都是 Function​ 对象,可以调用和操作。

  • 示例:

    const greet = function() {
           
           
        console.log('Hello!');
    };
    greet(); // 输出: 'Hello!'
    

7. Date

  • 用于处理日期和时间的对象。

  • 示例:

    const now = new Date();
    console.log(now);
    //输出 Mon Oct 21 2024 01:25:33 GMT+0800 (中国标准时间)
    
    console.log(now.toISOString()); // 输出: 当前日期和时间的 ISO 字符串
    //输出 2024-10-20T17:25:33.192Z
    
    

8. RegExp

  • 用于处理正则表达式的对象。

  • 示例:

    const regex = /abc/;
    console.log(regex.test('abcdef')); //输出:true
    console.log(regex.test('Abcdef')); //输出:false
    

解析上述代码:

  • 正则表达式:/abc/​ 用于匹配小写字母 'abc'​。
  • test​ 方法:用于检查目标字符串是否包含匹配的模式。
  • 大小写敏感性:正则表达式默认是区分大小写的,'A'​ 和 'a'​ 被视为不同的字符。

9. Math

  • 提供数学常量和函数。

  • 示例:

    console.log(Math.PI); // 输出: 3.14159...
    console.log(Math.random()); // 输出: 0 到 1 之间的随机数
    

10. JSON

  • 用于处理 JSON 数据的对象,提供解析和字符串化的方法。

  • 示例:

    const jsonString = '{"name": "Alice", "age": 25}';
    const obj = JSON.parse(jsonString);
    console.log(obj.name); // 输出: 'Alice'
    

这些内置对象为 JavaScript 提供了强大的功能和灵活性,帮助开发者高效地处理各种任务。

猜你喜欢

转载自blog.csdn.net/qq_38641599/article/details/143102040