JavaScript from() 方法 | JavaScript Array 对象

返回到: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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月6日 下午3:49
下一篇 2021年9月6日 下午4:05

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注