JS数组与字符串常用方法总结

本篇攻略主要介绍 JavaScript 中数组和字符串的常用方法。

数组

1. 创建数组

数组可以通过以下方式进行创建：

var arr1 = []; // 空数组
var arr2 = new Array(); // 空数组
var arr3 = [1, 2, 3]; // 带有元素的数组

2. 数组的常用方法

2.1 push 和 pop

push 方法可以在数组末尾添加新元素，pop 方法可以移除数组末尾的元素。示例代码如下：

var arr = ['apple', 'banana'];
arr.push('orange'); // 新的数组为 ['apple', 'banana', 'orange']
arr.pop(); // 新的数组为 ['apple', 'banana']

2.2 shift 和 unshift

shift 和 unshift 的用途和 push 和 pop 一样，只不过它们是操作数组的开头元素。示例代码如下：

var arr = ['apple', 'banana'];
arr.unshift('orange'); // 新的数组为 ['orange', 'apple', 'banana']
arr.shift(); // 新的数组为 ['apple', 'banana']

2.3 splice

splice 方法可以添加、删除和替换数组的元素。第一个参数表示操作的起始索引，第二个参数表示删除的元素个数，其他参数则表示需要添加到数组的元素。示例代码如下：

var arr = ['apple', 'banana', 'orange'];
// 删除一个元素，添加两个元素
arr.splice(1, 1, 'pear', 'grape'); // 新的数组为 ['apple', 'pear', 'grape', 'orange']

2.4 slice

slice 方法可以创建一个新的数组，新数组包含原数组中的一部分元素。第一个参数表示起始索引（包含该元素），第二个参数表示终止索引（不包含该元素）。示例代码如下：

var arr = ['apple', 'banana', 'orange'];
var newArr = arr.slice(1, 2); // 新数组为 ['banana']

2.5 map

map 方法可以用于遍历数组并且返回一个新的数组。map 方法会对原数组中的每个元素进行处理，处理的结果将存储在新的数组中。示例代码如下：

var arr = [1, 2, 3];
var newArr = arr.map(function(item) {
  return item * 2; // 新数组为 [2, 4, 6]
});

2.6 filter

filter 方法可以用于遍历数组并且返回一个新的数组。filter 方法会对原数组中的每个元素进行判断，将判断结果为 true 的元素存储在新的数组中。示例代码如下：

var arr = [1, 2, 3];
var newArr = arr.filter(function(item) {
  return item % 2 === 0; // 新数组为 [2]
});

字符串

1. 创建字符串

字符串可以通过以下方式进行创建：

var str1 = ''; // 空字符串
var str2 = new String(); // 空字符串
var str3 = 'hello'; // 带有元素的字符串

2. 字符串的常用方法

字符串也有很多常用方法，这里只介绍其中一部分。

2.1 toUpperCase 和 toLowerCase

toUpperCase 方法可以将字符串中的所有字母转换为大写形式，toLowerCase 方法则可将字符串中的所有字母转换为小写形式。示例代码如下：

var str = 'Hello, World!';
str.toUpperCase(); // 新字符串为 'HELLO, WORLD!'
str.toLowerCase(); // 新字符串为 'hello, world!'

2.2 replace

replace 方法可以用于替换字符串中的某一部分。第一个参数是需要替换的内容，第二个参数是新的内容。示例代码如下：

var str = 'Hello, World!';
str.replace('World', 'JavaScript'); // 新字符串为 'Hello, JavaScript!'

2.3 split

split 方法可以将字符串分割成子字符串，并返回一个由子字符串组成的数组。第一个参数是分隔符，第二个参数（可选）是分割的次数。示例代码如下：

var str = 'A,B,C';
var arr = str.split(','); // 新数组为 ['A', 'B', 'C']

2.4 concat

concat 方法可以将两个或更多字符串拼接在一起。示例代码如下：

var str1 = 'Hello, ';
var str2 = 'World!';
str1.concat(str2); // 新字符串为 'Hello, World!'

结语

本篇攻略讲解了 JavaScript 中数组和字符串的常用方法，这些方法可以用于增加、删除、替换、遍历等操作。在实际开发中，我们会经常使用这些方法，希望本篇攻略能对你有所帮助。