JavaScript 通过逗号将字符串拆分为数组
本文展示了如何在 JavaScript 中通过逗号将字符串拆分为数组。为此,我们可以使用 split()
方法。
此方法将指定的 String 划分为子字符串的有序列表,将这些子字符串保存到数组中并返回该数组。
它根据 separator
分割字符串;它可以是单个空格
、逗号
、冒号
或任何其他模式。这意味着当在提供的字符串中找到分隔符
时,split()
方法在每个点拆分一个字符串,将每个子字符串放入一个数组并返回它(数组)。
让我们从最简单的例子开始。
示例代码:
var courses = "Machine Learning, Python Programming, JavaScript Programming, Data Structures";
var array = courses.split(',');
//returns "object" because array is one of object's type.
console.log(typeof(array));
console.log(array);
输出:
"object"
["Machine Learning", " Python Programming", " JavaScript Programming", " Data Structures"]
在上面的代码示例中,我们将一个名为 courses
的字符串用逗号拆分为数组,并将返回的数组保存到一个 array
变量中。
为确保我们已成功将其转换为数组,我们可以使用 typeof
检查 array
的类型或将其打印在屏幕上。我们在上面的例子中使用了两种方式。
通过使用下面给出的代码,我们也可以得到与上面给出的类似结果。
var courses = "Machine Learning, Python Programming, JavaScript Programming, Data Structures";
var array = courses.split`,`;
console.log(typeof(array));
console.log(array);
输出:
"object"
["Machine Learning", " Python Programming", " JavaScript Programming", " Data Structures"]
示例代码:
var intArray = "1,3,5,6";
var array = new Array();
array = intArray.split(",");
console.log(typeof(array));
console.log(array);
for (var element in array ) {
array[element] = parseInt(array[element], 10);
}
console.log(typeof(array));
console.log(array);
输出:
"object"
["1", "3", "5", "6"]
"object"
[1, 3, 5, 6]
在上面的代码片段中,我们将一串数字保存到 intArray
变量中。然后,我们创建一个 Array 类的对象来保存 split()
方法返回的数组。
请注意,split()
输出字符串数组,但我们正在寻找整数数组。
为此,我们可以遍历 split()
方法返回的数组,并使用 parseInt()
方法将它们转换为整数。
请记住,array
变量类型不会改变。它仍然是一个对象
;见上面的输出。
除了 for
循环,我们还可以使用数组的 map()
方法和 parseInt()
来转换成整数。map()
方法通过为每个数组元素调用另一个函数来创建一个新数组。
它为数组的每个元素调用一次定义的函数,而不更改原始数组。请记住,它不会为空元素调用函数。
请参阅以下代码。
var intArray = "1,3,5,6";
var array = new Array();
array = intArray.split(",").map(element => parseInt(element, 10));
console.log(array);
输出:
[1, 3, 5, 6]
示例代码:
var intArray = "1,3,5,6";
function splitTheStringByComma(CommaSeparatedString) {
var resultedArray = null;
if (CommaSeparatedString != null) {
var separator = ',';
if (CommaSeparatedString.indexOf(separator) >= 0) {
resultedArray = CommaSeparatedString.split(separator);
}else {
resultedArray = [CommaSeparatedString];
}
}
return resultedArray;
}
console.log(splitTheStringByComma(intArray));
输出:
["1", "3", "5", "6"]
在本例中,我们将 intArray
传递给 splitTheStringByComma()
函数,该函数检查字符串是否为 null
。如果不是,那么它会向前移动并查看字符串是否有逗号。
如果是,则每次出现逗号(,
)时拆分并保存到 resultedArray
中;否则,转到 else
并将提供的字符串保存到 resultedArray
中,因为字符串中有一个元素。
相关文章
在 Angular 中上传文件
发布时间:2023/04/14 浏览次数:71 分类:Angular
-
本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。
Angular 中所有 Mat 图标的列表
发布时间:2023/04/14 浏览次数:91 分类:Angular
-
本教程演示了在哪里可以找到 Angular 中所有 Mat 图标的列表以及如何使用它们。
Angular 2 中的复选框双向数据绑定
发布时间:2023/04/14 浏览次数:139 分类:Angular
-
本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。
在 AngularJS 中重新加载页面
发布时间:2023/04/14 浏览次数:142 分类:Angular
-
我们可以借助 windows.location.reload 和 reload 方法在 AngularJS 中重新加载页面。
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 AngularJS 中启用 HTML5 模式
发布时间:2023/04/14 浏览次数:150 分类:Angular
-
本文讨论如何在 AngularJS 应用程序上启用带有深度链接的 HTML5 模式。
在 AngularJs 中加载 spinner
发布时间:2023/04/14 浏览次数:107 分类:Angular
-
我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。
在 Angular 中显示和隐藏
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。
在 Angular 中下载文件
发布时间:2023/04/14 浏览次数:104 分类:Angular
-
本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。