正文

掌握JS基础，这些常用对象功能不能忘

/0 浏览量
1020

在JavaScript中，对象是核心组成部分，它们提供了一种灵活的方式来存储和操作数据。以下是一些JavaScript中常用的对象，以及它们的关键功能，掌握这些对于深入学习JavaScript至关重要。

1. Object

Object是JavaScript中所有对象的基类。以下是一些与Object相关的基本方法：

  • `Object.create(proto, [propertiesObject]): 创建一个新对象，使用现有的原型对象和可选的属性描述符来定义其属性。
  const proto = {
    sayHello() {
      console.log('Hello!');
    }
  };

  const obj = Object.create(proto);
  obj.sayHello(); // 输出: Hello!
  • `Object.defineProperty(obj, prop, desc): 直接在一个对象上定义一个新属性或修改一个现有属性，并返回这个对象。
  let person = {};
  Object.defineProperty(person, 'name', {
    value: 'Alice',
    writable: false
  });

  console.log(person.name); // 输出: Alice
  person.name = 'Bob';
  console.log(person.name); // 输出: Alice
  • `Object.assign(target, …sources): 将所有可枚举属性的值从一个或多个源对象复制到目标对象，然后返回目标对象。
  const source = { color: 'red' };
  const target = { size: 'medium' };
  Object.assign(target, source);
  console.log(target); // 输出: { size: 'medium', color: 'red' }

2. Array

Array对象是JavaScript中用于存储和操作数字和字符串的有序集合。以下是一些常用的数组方法：

  • `push(element1, …, elementN): 向数组的末尾添加一个或多个元素，并返回新的长度。
  let fruits = ['Apple', 'Banana'];
  fruits.push('Cherry', 'Date');
  console.log(fruits); // 输出: ['Apple', 'Banana', 'Cherry', 'Date']
  • pop(): 删除数组的最后一个元素，并返回那个元素。
  let fruits = ['Apple', 'Banana', 'Cherry'];
  let lastFruit = fruits.pop();
  console.log(lastFruit); // 输出: Cherry
  • `map(callback): 创建一个新数组，其结果是该数组中的每个元素都调用一次提供的函数后的返回值。
  let numbers = [1, 2, 3, 4];
  let squares = numbers.map(x => x * x);
  console.log(squares); // 输出: [1, 4, 9, 16]

3. String

String对象是用于表示和操作字符串的内置对象。以下是一些常用的字符串方法：

  • length: 返回字符串的长度。
  let message = 'Hello, World!';
  console.log(message.length); // 输出: 13
  • toUpperCase(): 将字符串转换为大写。
  let message = 'Hello, World!';
  console.log(message.toUpperCase()); // 输出: HELLO, WORLD!
  • toLowerCase(): 将字符串转换为小写。
  let message = 'Hello, World!';
  console.log(message.toLowerCase()); // 输出: hello, world!

4. Date

Date对象表示特定的时间点，或是一段时间。以下是一些常用的日期方法：

  • getTime(): 返回自1970年1月1日 00:00:00 UTC以来的毫秒数。
  let now = new Date();
  console.log(now.getTime()); // 输出: 自1970年1月1日 00:00:00 UTC以来的毫秒数
  • toLocaleString(): 返回一个字符串，表示本地时间。
  let now = new Date();
  console.log(now.toLocaleString()); // 输出: 本地时间的字符串表示
  • `setFullYear(year, [month, day, hours, minutes, seconds, milliseconds]): 设置日期对象的年份、月份、日、小时、分钟、秒和毫秒。
  let now = new Date();
  now.setFullYear(2023);
  console.log(now); // 输出: 设置了年份为2023的日期对象

通过掌握这些常用对象及其功能，你将能够更高效地使用JavaScript来编写代码。不断练习和探索，你会逐渐成为JavaScript编程的行家里手。

-- 展开阅读全文 --