正文

JavaScript内置对象详解：掌握Array、Object、String等常用对象功能

/0 浏览量
0627

在JavaScript中，内置对象是语言的核心组成部分，它们提供了丰富的API来处理常见的数据结构和操作。掌握这些内置对象的功能对于编写高效、可维护的JavaScript代码至关重要。本文将详细介绍Array、Object、String等常用内置对象的功能和用法。

Array对象

Array对象是JavaScript中最常用的数据结构之一，用于存储一系列有序的值。以下是一些Array对象的关键功能：

创建数组

let arr1 = [1, 2, 3, 4, 5]; // 使用方括号语法创建数组
let arr2 = new Array(5); // 使用构造函数创建数组

常用方法

  • push()：向数组的末尾添加一个或多个元素，并返回新的长度。
  • pop()：删除数组的最后一个元素，并返回该元素。
  • shift()：删除数组的第一个元素，并返回该元素。
  • unshift()：向数组的开头添加一个或多个元素，并返回新的长度。
  • splice()：通过删除现有元素和/或添加新元素来更改一个数组的内容。
  • slice()：提取数组的一部分，返回一个新数组。
  • map()：创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数。
  • filter()：创建一个新数组，包含通过所提供函数实现的测试的所有元素。
  • reduce()：对数组中的每个元素执行一个由您提供的reducer函数（升序执行），将其结果汇总为单个返回值。
let numbers = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let lastElement = numbers.pop(); // 6
let firstElement = numbers.shift(); // 1
numbers.unshift(0); // [0, 2, 3, 4, 5, 6]
let newNumbers = numbers.slice(1, 4); // [2, 3, 4]
let doubledNumbers = numbers.map(num => num * 2); // [4, 6, 8, 10, 12, 12]
let evenNumbers = numbers.filter(num => num % 2 === 0); // [2, 4, 4, 6]
let sum = numbers.reduce((acc, num) => acc + num, 0); // 30

Object对象

Object对象用于存储键值对，是JavaScript中所有对象的基础。以下是一些Object对象的关键功能：

创建对象

let obj1 = {}; // 使用大括号语法创建对象
let obj2 = new Object(); // 使用构造函数创建对象

常用方法

  • Object.keys()：返回一个包含对象自身所有可枚举属性的名称的数组。
  • Object.values()：返回一个包含对象自身所有可枚举属性的值的数组。
  • Object.entries()：返回一个包含对象自身所有可枚举属性的键值对的数组。
  • Object.assign()：将所有可枚举属性的值从一个或多个源对象复制到目标对象，然后返回目标对象。
let person = {
  name: 'Alice',
  age: 25
};

let keys = Object.keys(person); // ['name', 'age']
let values = Object.values(person); // ['Alice', 25]
let entries = Object.entries(person); // [['name', 'Alice'], ['age', 25]]
let newPerson = Object.assign({}, person, { city: 'New York' }); // { name: 'Alice', age: 25, city: 'New York' }

String对象

String对象用于表示文本，是JavaScript中处理文本的基石。以下是一些String对象的关键功能：

创建字符串

let str1 = 'Hello, World!'; // 使用双引号或单引号创建字符串
let str2 = new String('Hello, World!'); // 使用构造函数创建字符串

常用方法

  • length：返回字符串的长度。
  • charAt()：返回指定位置的字符。
  • charCodeAt()：返回指定位置的字符的Unicode编码。
  • concat()：将一个或多个字符串连接到一个字符串上并返回新字符串。
  • includes()：判断字符串是否包含指定的子字符串。
  • indexOf()：返回指定子字符串在字符串中首次出现的位置。
  • lastIndexOf()：返回指定子字符串在字符串中最后出现的位置。
  • replace()：使用一些替换文本替换一个与正则表达式匹配的子串。
  • split()：将一个字符串分割成字符串数组。
  • slice()：提取字符串的某个部分并返回一个新字符串。
  • substring()：提取字符串的某个部分并返回一个新字符串。
  • toLowerCase()：将字符串转换为小写。
  • toUpperCase()：将字符串转换为大写。
let str = 'Hello, World!';
let length = str.length; // 13
let charAt = str.charAt(7); // 'W'
let charCodeAt = str.charCodeAt(7); // 87
let concatenated = str.concat('!', ' JavaScript'); // 'Hello, World! JavaScript'
let includes = str.includes('Hello'); // true
let indexOf = str.indexOf('World'); // 7
let lastIndexOf = str.lastIndexOf('o'); // 12
let replaced = str.replace('World', 'JavaScript'); // 'Hello, JavaScript!'
let split = str.split(', '); // ['Hello', 'World!']
let sliced = str.slice(7, 12); // 'World'
let substring = str.substring(7, 12); // 'World'
let toLowerCase = str.toLowerCase(); // 'hello, world!'
let toUpperCase = str.toUpperCase(); // 'HELLO, WORLD!'

通过掌握这些常用内置对象的功能和用法，您将能够更高效地处理JavaScript中的数据。希望本文能帮助您更好地理解并运用这些内置对象。

-- 展开阅读全文 --