JS數組常用方法---16、Array.from()方法
一、總結
一句話總結：
Array.from()方法的作用是將類數組或可迭代對象轉換為數組，比如String、Map、偽數組等，必帶的參數是arrayLike（想要轉換成數組的偽數組對象或可迭代對象），Array.from()方法的返回值是新的數組實例，不影響原結構
Array.from() 作用：將類數組或可迭代對象轉換為數組 參數：必帶的arrayLike（想要轉換成數組的偽數組對象或可迭代對象） 返回值：新的數組實例 是否影響原結構：不影響 //4、從類數組對象（arguments）生成數組 function f() { console.log(arguments); console.log(Array.from(arguments)); // [ 1, 2, 3 ] } f(1, 2, 3);
1、Array.from()方法的作用對象是什么？
Array.from()方法的作用是將類數組或可迭代對象轉換為數組，比如String、Map、偽數組等
//1、從 String 生成數組 let arr1=Array.from('foo'); console.log(arr1);// [ "f", "o", "o" ]
二、Array.from()方法
博客對應課程的視頻位置：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Array.from()方法</title> 6 </head> 7 <body> 8 <!-- 9 Array.from()方法的作用是將類數組或可迭代對象轉換為數組，比如String、Map、偽數組等，必帶的參數是arrayLike（想要轉換成數組的偽數組對象或可迭代對象），Array.from()方法的返回值是新的數組實例，不影響原結構 10 11 Array.from() 12 作用：將類數組或可迭代對象轉換為數組 13 參數：必帶的arrayLike（想要轉換成數組的偽數組對象或可迭代對象） 14 返回值：新的數組實例 15 是否影響原結構：不影響 16 --> 17 <script> 18 //1、從 String 生成數組 19 // let arr1=Array.from('foo'); 20 // console.log(arr1);// [ "f", "o", "o" ] 21 22 //2、從 Set 生成數組 23 // const set = new Set(['foo', 'bar', 'baz', 'foo']); 24 // let arr2=Array.from(set); 25 // console.log(arr2);// [ "foo", "bar", "baz" ] 26 27 //3、從 Map 生成數組 28 // const map = new Map([[1, 2], [2, 4], [4, 8]]); 29 // console.log(map);// {1 => 2, 2 => 4, 4 => 8} 30 // let arr3=Array.from(map); 31 // console.log(arr3);// [[1, 2], [2, 4], [4, 8]] 32 33 // const mapper = new Map([['1', 'a'], ['2', 'b']]); 34 // console.log(mapper);// {"1" => "a", "2" => "b"} 35 // let arr4=Array.from(mapper.values()); 36 // console.log(arr4);// ['a', 'b']; 37 38 // let arr5=Array.from(mapper.keys()); 39 // console.log(arr5);// ['1', '2']; 40 41 42 43 //4、從類數組對象（arguments）生成數組 44 // function f() { 45 // console.log(arguments); 46 // console.log(Array.from(arguments)); // [ 1, 2, 3 ] 47 // } 48 // console.log(Array); 49 // console.log(Array.from); 50 // console.log(Array.prototype); 51 // console.log([]); 52 // f(1, 2, 3); 53 54 </script> 55 </body> 56 </html>