JavaScript from() 方法 | JavaScript Array 对象

定义和用法

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

如果对象是数组返回 true，否则返回 false。

所有主流浏览器都支持 from() 方法。

语法

Array.from(object, mapFunction, thisValue)

参数

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

技术细节

返回值:	数组对象。
JavaScript 版本:	ECMAScript 6

实例

下面的实例返回集合中包含的对象数组。

var setObj = new Set(["a", "b", "c"]);
var objArr = Array.from(setObj);
objArr[1] == "b";  // true

下面的实例演示如何使用箭头语法和映射函数更改元素的值。

var arr = Array.from([1, 2, 3], x => x * 10);
// arr[0] == 10;
// arr[1] == 20;
// arr[2] == 30;

通过字符串创建一个数组。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>Array.from()</h1>

<p>从字符串中生成一个数组:</p>

<p id="demo"></p>

<p><strong>注意:</strong> IE11 及其更早的浏览器版本不支持 from 方法。</p>

<script>
var myArr = Array.from("Web176");
if(myArr instanceof Array) {
    document.getElementById("demo").innerHTML = myArr[0];
} else {
 document.getElementById("demo").innerHTML = "该对象不是数组！";
}

</script>

</body>
</html>

terry

这个人很懒，什么都没有留下～