JavaScript字符串创建数组

JavaScript字符串创建数组教程

JavaScript 的数组的 from() 方法用于从一个 字符串 创建一个数组。

JavaScript from()方法详解

定义

from() 方法用于通过拥有 length 属性的对象或可迭代的对象来返回一个数组。

语法

Array.from(object, mapFunction, thisValue);

参数

参数	描述
object	必需，要转换为数组的对象。
mapFunction	可选，数组中每个元素要调用的函数。
thisValue	可选，映射函数(mapFunction)中的 this 对象。

返回值

返回从字符串创建的数组。

技术细节

该函数只支持 ECMAScript 6 即以上版本。

案例

字符串创建数组

使用数组的 from 方法从字符串创建数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript from方法</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var str = "Hello, HaiCoder";
            var arrRet = Array.from(str);
            console.log("ArrRet =", arrRet, "Len =", arrRet.length);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

51_Javascript数组from方法.png

我们首先创建了一个字符串变量 str，接着，我们使用数组的 from 方法，从字符串创建了一个数组，并返回创建的数组，最后，打印出数组。

字符串创建数组

使用数组的 from 方法从字符串创建数组

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript from方法</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            var str = "HaiCoder";
            function walk(s){
                return s+"X";
            }
            var arrRet = Array.from(str, walk);
            console.log("ArrRet =", arrRet, "Len =", arrRet.length);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

52_Javascript数组from方法.png

我们首先创建了一个字符串变量 str，接着，我们使用数组的 from 方法，从字符串创建了一个数组，并返回创建的数组，最后，打印出数组。

同时，我们定义了一个函数 walk，该函数实现的功能是将当前的字符加上一个特定的字符 “X”，最后，我们将该函数传入函数 walk，我们发现，数组的每个元素都被追加了字符 “X”。

JavaScript字符串创建数组总结

JavaScript 的数组的 from() 方法用于从一个字符串创建一个数组。JavaScript from() 方法语法：

Array.from(object, mapFunction, thisValue);