JavaScript手册 | JS Array 对象中的Array.from()方法

作者: Arvin Chen 分类: js 来源: Break易站(www.breakyizhan.com)

Array.from() 函数是JavaScript中的内置函数,它从给定数组创建一个新的数组实例。在字符串的情况下,字符串的每个字母表都将转换为新数组实例的元素,如果是整数值,则新数组实例将获取给定数组的元素。用数组的每个元素,并将元素传递给回调函数。

句法1:

Array.from(A)
A:
A可以是要转换为数组或字符串的数组 
其中每个字符串都要转换到新数组实例的元素。

句法2:

Array.from(mapFn,thisArg)
参数:
mapFn(可选): Map函数调用每个数组的元素。
thisArg(可选):可选,映射函数(mapFunction)中的 this 对象。

返回值:返回一个新的Array实例,其元素与给定数组相同。在字符串的情况下,字符串的每个字母表都将转换为新数组实例的元素。

JS Array 对象中的Array.from()方法浏览器的兼容性

方法 Chrome Inter Explorer Firefox Safari Opera
Array.from() YES YES YES YES YES

js array使用from()从map中生成一个数组

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用from()从map中生成一个数组 - Break易站(breakyizhan.com)</title>
</head>
<body>

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

<p>从map中生成一个数组:</p>

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

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

<script>
let m = new Map([[1, 2], [2, 4], [4, 8]]);
var myArr = Array.from(m);
if(myArr instanceof Array) {
    document.getElementById("demo").innerHTML = myArr[1];
} else {
 document.getElementById("demo").innerHTML = "该对象不是数组!";
}

</script>

</body>
</html>


尝试一下 >>

js array使用from()数组去重合并

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array使用from()数组去重合并 - Break易站(breakyizhan.com)</title>
</head>
<body>

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

<p>从map中生成一个数组:</p>

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

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

<script>
function combine(){ 
    let arr = [].concat.apply([], arguments);  //没有去重复的新数组 
    return Array.from(new Set(arr));
} 

var m = [1, 2, 2], n = [2,3,3]; 
var myArr = combine(m,n); 
document.getElementById("demo").innerHTML = myArr;

</script>

</body>
</html>


尝试一下 >>

  •   本文标题:JavaScript手册 | JS Array 对象中的Array.from()方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/js/6827.html
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

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

    更多阅读