【JavaScript】JavaScript开篇基础（3）

E绵绵

发布于 2024-10-18 09:45:34

6110

1.❤️❤️前言~🥳🎉🎉🎉

Hello, Hello~ 亲爱的朋友们👋👋，这里是E绵绵呀✍️✍️。 如果你喜欢这篇文章，请别吝啬你的点赞❤️❤️和收藏📖📖。如果你对我的内容感兴趣，记得关注我👀👀以便不错过每一篇精彩。 当然，如果在阅读中发现任何问题或疑问，我非常欢迎你在评论区留言指正🗨️🗨️。让我们共同努力，一起进步！ 加油，一起CHIN UP！💪💪

2.对象

在 JavaScript 中，对象（Object）是一种用于存储键值对和更复杂数据结构的基本数据类型。对象是一组属性的无序集合，其中每个属性都由键（key）和值（value）组成。键通常是字符串，值可以是任意类型的 JavaScript 数据，包括数字、字符串、函数、数组和其他对象。

创建对象的方式

对象字面量 这是最常见的创建对象的方式，使用大括号 {} 来定义一个对象。

let person = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log('Hello, ' + this.name);
  }
};

使用 new Object() 构造函数

let person = new Object();
person.name = 'John';
person.age = 30;
person.greet = function() {
  console.log('Hello, ' + this.name);
};

使用构造函数创建对象 你也可以定义一个构造函数来创建对象。

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    console.log('Hello, ' + this.name);
  };
}

let person = new Person('John', 30);

这里的this跟java中的this很像，所以在用对象中的变量属性时前面都要加一个this，以防发生不必要的错误。
注意构造函数是特殊函数，不需要返回值，其函数名开头需大写。

使用对象的属性（变量和方法）

使用变量有两种：

person.age = 31;
person.city = 'New York';  // 新增属性

person['age'] = 31;
person['city'] = 'New York';  // 新增属性

使用方法：

let person = {
  name: 'Alice',
  age: 25,
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 调用对象的方法
person.greet();  // 输出: 'Hello, my name is Alice'

`for...in` 遍历对象

const obj = {
    name: 'Alice',
    age: 25,
    city: 'New York'
};

for (const key in obj) {
    
        console.log(key+":"+obj[key]);
    
}

3.内置对象

JavaScript 提供了一些内置对象，它们提供了许多常用的功能，用于操作数据、执行常见的任务以及处理其他与编程相关的操作。这些内置对象可以直接在任何 JavaScript 环境中使用，不需要导入或安装。

Math

Math 是 JavaScript 中的一个内置对象，它提供了一组用于执行数学计算的静态属性和方法。Math 对象不需要创建实例，所有的属性和方法都可以直接通过 Math 调用。

常用的 `Math` 属性

常用的 `Math` 方法

需要注意的是random（）生成随机数时它生成的是多位小数。

所以一般对我们想要得到两个数之间的随机整数并且包含这2个整数，我们有以下公式：

function getRandom(min, max{
return Math.floor(Math.random()*(max-min +1))+ min;
}
console.1og(getRandom(1,10));

使用该公式后能得到一到十的随机整数，包含一和十。

Date

创建 `Date` 对象

可以通过以下几种方式创建 Date 对象：

// 当前日期和时间
let currentDate = new Date();

// 使用指定的日期和时间
let specificDateTime = new Date("2024-10-13 10:30:00"); 
let anotherDateTime = new Date(2024, 9, 13, 10, 30, 0); // 年、月（从0开始）、日、时、分、秒

其中有多个参数的创建方式由于月份从0开始计算，所以传输的月份比实际的少一个月，不推荐用该方式，用字符串方式更准确。

获取日期和时间

let now = new Date();

// 获取年份
let year = now.getFullYear();  // 2024

// 获取月份 (0 - 11, 0为一月)
let month = now.getMonth();    // 9 (表示10月)

// 获取日期 (1 - 31)
let day = now.getDate();       // 13

// 获取星期几 (0 - 6, 0为星期日)
let weekDay = now.getDay();    // 0 (表示星期日)

// 获取小时 (0 - 23)
let hour = now.getHours();     // 10

// 获取分钟 (0 - 59)
let minute = now.getMinutes(); // 30

// 获取秒数 (0 - 59)
let second = now.getSeconds(); // 0

// 获取毫秒 (0 - 999)
let millisecond = now.getMilliseconds(); // 500

注意月份返回出来的会少一个月，所以要加一。

而获取星期这个函数返回出来的0表示的是星期日，一般我们用数组去表示。

时间戳

在 JavaScript 中，时间戳通常指的是自 1970 年 1 月 1 日 00:00:00 起经过的毫秒数。你可以通过以下方式获取和操作时间戳：

Array

创建数组

数组的常见操作

添加元素：

删除元素：

查找元素：

数组排序：在 JavaScript 中，sort() 方法用于对数组中的元素进行排序. 默认情况下，sort() 会将元素按照 Unicode 字符顺序 排序，也就是将元素作为字符串进行比较。然而，如果想按照数字大小、日期顺序等进行排序，通常需要传递一个比较函数来定制排序规则。