微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js转数组是什么

在JavaScript中,数组是一种非常常见的数据类型,它可以存储多个值并且可以通过下标来访问这些值。但是有时候我们需要将其他类型的数据转换为数组,这就是JS转数组。本文将从多个角度分析JS转数组的方法和技术。

一、字符串转数组

在JS中,字符串可以通过split()方法转换为数组。split()方法接受一个参数,用来指定分隔符。例如:

```

var str = "apple,banana,orange";

var arr = str.split(",");

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

```

上面的代码将逗号作为分隔符,将字符串转换为了一个包含3个元素的数组。如果想要将一个字符串按照空格分隔为数组,可以这样写:

```

var str = "Hello World";

var arr = str.split(" ");

console.log(arr); // ["Hello","World"]

```

如果想要将一个字符串按照每个字符分隔为数组,可以这样写:

```

var str = "Hello";

var arr = str.split("");

console.log(arr); // ["H","e","l","o"]

```

二、类数组对象转数组

类数组对象指的是具有length属性和数值下标的对象。例如,DOM中的NodeList对象就是一个类数组对象。在JS中,可以通过Array.from()方法将类数组对象转换为数组。例如:

```

var nodeList = document.querySelectorAll("p");

var arr = Array.from(nodeList);

console.log(arr); // [p,p,p]

```

上面的代码页面中所有的p元素转换为数组。

三、arguments对象转数组

在JS中,函数的参数可以通过arguments对象来访问。arguments对象也是一个类数组对象,可以通过Array.from()方法将其转换为数组。例如:

```

function foo() {

var arr = Array.from(arguments);

console.log(arr);

}

foo(1,2,3); // [1,3]

```

上面的代码函数的参数转换为数组并输出

四、map()方法转数组

在JS中,数组有一个map()方法,可以对数组中的每个元素进行操作,并返回一个新的数组。例如:

```

var arr1 = [1,3];

var arr2 = arr1.map(function(x) {

return x * 2;

});

console.log(arr2); // [2,4,6]

```

上面的代码将arr1中的每个元素都乘以2,并将结果存储在arr2中。

五、concat()方法转数组

在JS中,数组有一个concat()方法,可以将多个数组合并成一个数组。例如:

```

var arr1 = [1,3];

var arr2 = [4,5,6];

var arr3 = arr1.concat(arr2);

console.log(arr3); // [1,3,6]

```

上面的代码将arr1和arr2合并成了一个数组arr3。

六、

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐