浅谈JavaScript中字符串String与数组Array

1. 字符串String

字符串在JavaScript中表示一段文本，可以使用单引号 ' 或双引号 " 包裹起来。例如：

let str1 = 'Hello, world!';
let str2 = "Hello, JavaScript!";

1.1 字符串的属性和方法

1.1.1 length属性

字符串有一个内置的length属性，表示字符串的长度。例如：

let str = 'Hello, world!';
console.log(str.length); // 输出 13

1.1.2 charAt方法

charAt方法返回指定位置的字符。例如：

let str = 'Hello, world!';
console.log(str.charAt(0)); // 输出 'H'
console.log(str.charAt(6)); // 输出 ','

1.1.3 concat方法

concat方法用来连接多个字符串。例如：

let str1 = 'Hello, ';
let str2 = 'world!';
console.log(str1.concat(str2)); // 输出 'Hello, world!'

1.1.4 indexOf方法

indexOf方法用来在字符串中查找指定的子字符串，并返回它的位置。如果没有找到，则返回-1。例如：

let str = 'Hello, world!';
console.log(str.indexOf('wor')); // 输出 7
console.log(str.indexOf('you')); // 输出 -1

1.2 字符串的操作

1.2.1 字符串的拼接

字符串的拼接可以使用加号 + 或模板字符串 ${} 来实现。例如：

let str1 = 'Hello, ';
let str2 = 'world!';
console.log(str1 + str2); // 输出 'Hello, world!'
console.log(`${str1}${str2}`); // 输出 'Hello, world!'

1.2.2 字符串的截取

字符串可以使用 slice 方法进行截取，例如：

let str = 'Hello, world!';
console.log(str.slice(0, 5)); // 输出 'Hello'

2. 数组Array

数组是一种存储多个元素的数据结构，可以通过索引来访问数组中的元素。数组的元素可以是任何类型的值。

2.1 数组的创建

可以使用方括号 [] 或 Array 构造函数来创建数组。例如：

let arr1 = [1, 2, 3];
let arr2 = new Array(4, 5, 6);

2.2 数组的操作

2.2.1 数组的访问

可以通过索引来访问数组中的元素。例如：

let arr = [1, 2, 3];
console.log(arr[0]); // 输出 1
console.log(arr[1]); // 输出 2
console.log(arr[2]); // 输出 3

2.2.2 数组的修改

可以通过索引来修改数组中的元素。例如：

let arr = [1, 2, 3];
arr[0] = 4;
console.log(arr); // 输出 [4, 2, 3]

2.2.3 数组的增加

可以使用 push 方法将一个或多个元素添加到数组的末尾。例如：

let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // 输出 [1, 2, 3, 4, 5]

2.2.4 数组的删除

可以使用 pop 方法将数组的最后一个元素删除。例如：

let arr = [1, 2, 3];
arr.pop();
console.log(arr); // 输出 [1, 2]

2.3 数组的迭代

2.3.1 for循环

可以使用for循环来遍历数组中的元素。例如：

let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

2.3.2 forEach方法

可以使用forEach方法来遍历数组中的元素。例如：

let arr = [1, 2, 3];
arr.forEach(function (value, index) {
    console.log(`${index}: ${value}`);
});

示例说明

示例1：字符串的拼接

let str1 = 'Hello, ';
let str2 = 'world!';
console.log(str1 + str2); // 输出 'Hello, world!'
console.log(`${str1}${str2}`); // 输出 'Hello, world!'

这个示例演示了如何拼接两个字符串。可以使用加号 + 或模板字符串来实现。

示例2：数组的迭代

let arr = [1, 2, 3];
arr.forEach(function (value, index) {
    console.log(`${index}: ${value}`);
});

这个示例演示了如何遍历数组中的元素。使用forEach方法中的回调函数来处理每个元素。在回调函数中，value表示元素的值，index表示元素的索引。