返回到:JavaScript对象: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,如若转载,请注明出处:https://www.web176.com/javascriptbook/jsarrtips/3431.html