Javascript - 对数组中的每个字符串应用 trim 函数

本文将介绍如何使用 JavaScript 中的 trim() 函数应用于数组中的每个字符串元素。trim() 函数可以去除字符串开头和结尾处的空格，使字符串更规范化。我们将讨论如何遍历数组并使用 trim() 函数来更改每个字符串。

什么是 trim() 函数？

JavaScript 中的 trim() 函数用于删除字符串开头和结尾处的空格。它可以用于字符串规范化和输入验证等场景。例如，如果您正在编写一个表单验证脚本，trim() 函数可以确保用户输入的值不包含意外的空格。

下面是 trim() 函数的语法：

str.trim()

其中，str 代表要操作的字符串。调用此函数会返回一个新字符串，其中不包含原字符串开头或结尾的空格。

遍历数组并使用 trim() 函数

要对数组中的每个字符串应用 trim() 函数，我们需要遍历该数组并更改每个字符串。这可以通过循环或 Array.map() 方法完成。以下是使用循环进行遍历的示例代码：

let arr = ["   apple   ", "banana  ", "   orange"];

for (let i = 0; i < arr.length; i++) {
  arr[i] = arr[i].trim();
}

console.log(arr);
// Output: ["apple", "banana", "orange"]

在上面的代码中，我们首先定义了一个包含字符串元素的数组。然后，我们使用一个循环来遍历该数组并将每个字符串应用于 trim() 函数。最后，我们将修改后的数组打印到控制台。

除了循环之外，您还可以使用 Array.map() 方法将 trim() 函数应用于数组中的每个元素。以下是使用 Array.map() 方法的示例代码：

let arr = ["   apple   ", "banana  ", "   orange"];

arr = arr.map(function(str) {
  return str.trim();
});

console.log(arr);
// Output: ["apple", "banana", "orange"]

在上面的代码中，我们首先定义了一个包含字符串元素的数组。然后，我们使用 Array.map() 方法将 trim() 函数应用于数组中的每个元素。最后，我们将修改后的数组打印到控制台。

总结

在本文中，我们介绍了 JavaScript 中的 trim() 函数，并讨论了如何使用循环或 Array.map() 方法将其应用于数组中的每个字符串元素。对于需要规范化用户输入或其他字符串操作的 Web 开发人员来说，此技巧非常有用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27537