1、用CONSOLE.LOG()展示数组
+ j5 v% c: l% ?5 n* s6 [源码如下:# {3 F3 l: `: N$ \4 n* Q0 u: W$ j% e
var languages = [
{ name: "JavaScript", fileExtension: ".js" },
{ name: "TypeScript", fileExtension: ".ts" },
{ name: "CoffeeScript", fileExtension: ".coffee" }
];
console.log(languages); console.log() 会这样展示数组:7 P# j: J2 G2 s
- x1 L) X. I2 ?& a1 s这样的展示形式对于开发很有用,但是我发现这样还要手动去点每个Object有些笨重。
* t I+ ?% v1 E: a. h0 q7 W' L2、用CONSOLE.TABLE()展示数组
8 a( |! d* m. T源码如下:. |9 a$ p/ I7 W" |' G4 `% E
var languages = {
csharp: { name: "C#", paradigm: "object-oriented" },
fsharp: { name: "F#", paradigm: "functional" }
};
console.table(languages); console.table会这样展示数组:
- _ R, Z# b+ B7 K6 K, P; S3、CONSOLE.TABLE() 的过滤功能3 |! \6 e% g8 a( ?& F: i/ J
如果你想限制console.table()显示某一列, 你可以在在参数中传入关键字列表 如下:
+ T( S+ H7 U) F. c5 y // Multiple property keys* t- U2 u# N& v
console.table(languages, ["name", "paradigm"]);
. \" k; W$ r2 \3 D) U如果你想访问一个属性的话,一个参数就够了! |+ N, ?7 \6 ]5 h6 h8 i |( A
// A single property key
+ G$ c( e( {6 w' Y9 ~2 s( X console.table(languages, "name");
( X5 z( ^5 h f0 B; w3 j- O6 y
|