1、用CONSOLE.LOG()展示数组1 k! I# K7 e6 P( s
源码如下:
) f* c6 P) l N o3 i. Yvar languages = [
{ name: "JavaScript", fileExtension: ".js" },
{ name: "TypeScript", fileExtension: ".ts" },
{ name: "CoffeeScript", fileExtension: ".coffee" }
];
console.log(languages); console.log() 会这样展示数组: S8 _" N1 g5 e4 b
2 e3 C- T. |9 g; Q2 e; d, @这样的展示形式对于开发很有用,但是我发现这样还要手动去点每个Object有些笨重。* Z$ z$ b+ O' p* Y1 z
2、用CONSOLE.TABLE()展示数组
5 j- c4 X s& y( p* O源码如下:
' U+ ^- R4 e" ovar languages = {
csharp: { name: "C#", paradigm: "object-oriented" },
fsharp: { name: "F#", paradigm: "functional" }
};
console.table(languages); console.table会这样展示数组:
6 _+ R0 H( Y) ~+ w3、CONSOLE.TABLE() 的过滤功能6 ]. g7 w n$ J( L, L
如果你想限制console.table()显示某一列, 你可以在在参数中传入关键字列表 如下:
: m7 |: C* f' w. q% V9 K8 x# | // Multiple property keys
' d, I( |" ~2 V( P2 I; d console.table(languages, ["name", "paradigm"]);
( N9 O' U. p9 @9 n9 g5 L9 y8 D如果你想访问一个属性的话,一个参数就够了$ ~ j& o/ H$ H3 q$ q
// A single property key
6 {6 i% v) c! a8 S' ^4 R: ~& B5 B: V console.table(languages, "name");3 T" Y6 O$ Z% n! O* m$ A' W+ z) z
g5 J) ^0 r2 Y0 F7 W: ] |