迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

JavaScript 通过逗号将字符串拆分为数组

作者:迹忆客 最近更新:2023/03/09 浏览次数:

本文展示了如何在 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 中,因为字符串中有一个元素。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 Angular 中上传文件

发布时间:2023/04/14 浏览次数:71 分类:Angular

本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。

Angular 2 中的复选框双向数据绑定

发布时间:2023/04/14 浏览次数:139 分类:Angular

本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。

在 AngularJs 中加载 spinner

发布时间:2023/04/14 浏览次数:107 分类:Angular

我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。

在 Angular 中显示和隐藏

发布时间:2023/04/14 浏览次数:78 分类:Angular

本教程演示了 Angular 中的显示和隐藏。在开发商业应用程序时,我们需要根据用户角色或条件隐藏一些数据。我们必须根据该应用程序中的条件显示相同的数据。

在 Angular 中下载文件

发布时间:2023/04/14 浏览次数:104 分类:Angular

本教程演示了如何在 angular 中下载文件。我们将介绍如何通过单击按钮在 Angular 中下载文件并显示一个示例。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便