JavaScript中的常用函数(二)

前言

本文是JavaScript中的常用函数(一)的续篇，继续介绍一些JavaScript中常用的函数。

字符串处理函数

trim()

trim()函数用于去除字符串两端的空白字符（包括空格、制表符、换行符等）。它返回一个新的字符串，不会修改原字符串。

1
2
3

let str = "   Hello, World!   ";
let trimmedStr = str.trim();
console.log(trimmedStr); // 输出: "Hello, World!"

toUpperCase() 和 toLowerCase()

toUpperCase()函数将字符串转换为大写字母，而toLowerCase()函数将字符串转换为小写字母。

1
2
3

let str = "Hello, World!";
console.log(str.toUpperCase()); // 输出: "HELLO, WORLD!"
console.log(str.toLowerCase()); // 输出: "hello, world!"

substring()

substring(start, end)函数用于提取字符串中从start索引到end索引之间的子字符串。end参数是可选的，如果省略，则提取到字符串的末尾。substring()不会修改原字符串，而是返回一个新的字符串。

1
2
3

let str = "Hello, World!";
let subStr = str.substring(0, 5);
console.log(subStr); // 输出: "Hello"

与slice()不同，substring()返回的字符串包含start索引的字符，但不包含end索引的字符。如果start大于end，则会交换这两个参数。

数组处理函数

push() 和 pop()

push(element1, ..., elementN)函数用于向数组的末尾添加一个或多个元素，并返回新数组的长度。pop()函数用于从数组的末尾移除最后一个元素，并返回该元素。

1
2
3
4

let arr = [1, 2, 3];
arr.push(4); // arr 变为 [1, 2, 3, 4]
let lastElement = arr.pop(); // lastElement 为 4，arr 变为 [1, 2, 3]
console.log(lastElement); // 输出: 4

shift() 和 unshift()

shift()函数用于从数组的开头移除第一个元素，并返回该元素。unshift(element1, ..., elementN)函数用于向数组的开头添加一个或多个元素，并返回新数组的长度。

1
2
3
4

let arr = [1, 2, 3];
let firstElement = arr.shift(); // firstElement 为 1，arr 变为 [2, 3]
arr.unshift(0); // arr 变为 [0, 2, 3]
console.log(firstElement); // 输出: 1

slice()

slice(start, end)函数用于提取数组中从start索引到end索引之间的元素，返回一个新数组。end参数是可选的，如果省略，则提取到数组的末尾。

1
2
3

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

需要注意的是，slice()不会修改原数组，而是返回一个新的数组。start和end参数可以为负数，表示从数组末尾开始计算索引。start索引不会包含在返回的数组中，而end索引会包含在返回的数组中。

splice()

splice(start, deleteCount, item1, item2, ...)函数用于在数组中添加或删除元素。它从start索引开始，删除deleteCount个元素，并可以插入一个或多个新元素。它返回一个包含被删除元素的新数组。

1
2
3

let arr = [1, 2, 3, 4, 5];
let removedElements = arr.splice(1, 2, 'a', 'b'); // arr 变为 [1, 'a', 'b', 4, 5]
console.log(removedElements); // 输出: [2, 3]

indexOf() 和 lastIndexOf()

indexOf(element, fromIndex)函数用于查找数组中指定元素的第一个索引位置，fromIndex参数是可选的，表示从该索引开始查找。lastIndexOf(element, fromIndex)函数用于查找数组中指定元素的最后一个索引位置。

1
2
3

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

forEach()

forEach(callback(currentValue, index, array))函数用于对数组的每个元素执行指定的回调函数。它不会返回新数组，而是直接在原数组上进行操作。

1
2
3
4

let arr = [1, 2, 3];
arr.forEach(function(element, index) {
    console.log(`索引 ${index} 的元素是 ${element}`);
});

这里的代码会输出数组中每个元素及其索引。

map()

map(callback(currentValue, index, array))函数用于对数组的每个元素执行指定的回调函数，并返回一个新数组，包含回调函数的返回值。

1
2
3
4
5

let arr = [1, 2, 3];
let mappedArr = arr.map(function(element) {
    return element * 2;
});
console.log(mappedArr); // 输出: [2, 4, 6]

这里的代码会输出一个新数组，其中每个元素都是原数组元素的两倍。

filter()

filter(callback(currentValue, index, array))函数用于对数组的每个元素执行指定的回调函数，并返回一个新数组，包含所有使回调函数返回true的元素。即返回符合条件的元素组成的新数组。

1
2
3
4
5

let arr = [1, 2, 3, 4, 5];
let filteredArr = arr.filter(function(element) {
    return element % 2 === 0;
});
console.log(filteredArr); // 输出: [2, 4]

这里的代码会输出一个新数组，包含所有偶数元素。

reduce()

reduce(callback(accumulator, currentValue, index, array), initialValue)函数用于对数组的每个元素执行指定的回调函数，将其结果汇总为单个值。accumulator是累加器，currentValue是当前元素，initialValue是可选的初始值。

1
2
3
4
5

let arr = [1, 2, 3, 4];
let sum = arr.reduce(function(accumulator, currentValue) {
    return accumulator + currentValue;
}, 0);
console.log(sum); // 输出: 10

这里的代码会输出数组元素的总和。注意，reduce()不会修改原数组，而是读取数组的值并将结果存储在累加器中。

结语

本文介绍了JavaScript中一些常用的字符串和数组处理函数，这些函数在日常开发中非常实用。掌握它们可以帮助我们更高效地处理数据和实现各种功能。希望本文对你有所帮助。