@stylistic/js/

array-bracket-newline

多くのスタイルガイドでは、配列ブラケット内の改行を必須または禁止しています。

ルールの詳細

このルールは、配列ブラケットの開始後と終了前に改行を強制します。

オプション

このルールには、文字列オプションがあります

• "always" ブラケット内に改行を必須とします
• "never" ブラケット内の改行を禁止します
• "consistent" ブラケットのペアごとに改行の使用を一貫させる必要があります。ペアの片方のブラケット内に改行があり、もう片方のブラケット内に改行がない場合は、エラーが報告されます。

またはオブジェクトオプション (いずれかのプロパティが満たされている場合、改行が必要です。そうでない場合は、改行は禁止されます)

• "multiline": true (デフォルト) 要素内または要素間に改行がある場合、改行が必要です。これがfalseの場合、この条件は無効になります。
• "minItems": null (デフォルト) 要素数が指定された整数以上の場合、改行が必要です。これが0の場合、この条件はオプション"always"と同じように動作します。これがnull (デフォルト) の場合、この条件は無効になります。

always

オプション"always"を使用したこのルールの**誤った**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", "always"]*/

var a = 
[
]
;
var b = 
[
1
]
;
var c = 
[
1, 2
]
;
var d = 
[
1,
    2
]
;
var e = 
[
function foo() {
    dosomething();
}
]
;

誤り

オプション"always"を使用したこのルールの**正しい**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", "always"]*/

var a = [
];
var b = [
    1
];
var c = [
    1, 2
];
var d = [
    1,
    2
];
var e = [
    function foo() {
        dosomething();
    }
];

正しい

never

オプション"never"を使用したこのルールの**誤った**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", "never"]*/

var a = 
[
]
;
var b = 
[
    1
]
;
var c = 
[
    1, 2
]
;
var d = 
[
    1,
    2
]
;
var e = 
[
    function foo() {
        dosomething();
    }
]
;

誤り

オプション"never"を使用したこのルールの**正しい**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", "never"]*/

var a = [];
var b = [1];
var c = [1, 2];
var d = [1,
    2];
var e = [function foo() {
    dosomething();
}];

正しい

consistent

オプション"consistent"を使用したこのルールの**誤った**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", "consistent"]*/

var a = [1
]
;
var b = [
    1
]
;
var c = [function foo() {
    dosomething();
}
]
var d = [
    function foo() {
        dosomething();
    }
]

誤り

オプション"consistent"を使用したこのルールの**正しい**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", "consistent"]*/

var a = [];
var b = [
];
var c = [1];
var d = [
    1
];
var e = [function foo() {
    dosomething();
}];
var f = [
    function foo() {
        dosomething();
    }
];

正しい

multiline

デフォルトの{ "multiline": true }オプションを使用したこのルールの**誤った**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", { "multiline": true }]*/

var a = 
[
]
;
var b = 
[
    1
]
;
var c = 
[
    1, 2
]
;
var d = 
[
1,
    2
]
;
var e = 
[
function foo() {
    dosomething();
}
]
;

誤り

デフォルトの{ "multiline": true }オプションを使用したこのルールの**正しい**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", { "multiline": true }]*/

var a = [];
var b = [1];
var c = [1, 2];
var d = [
    1,
    2
];
var e = [
    function foo() {
        dosomething();
    }
];

正しい

minItems

オプション{ "minItems": 2 }を使用したこのルールの**誤った**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", { "minItems": 2 }]*/

var a = 
[
]
;
var b = 
[
    1
]
;
var c = 
[
1, 2
]
;
var d = 
[
1,
    2
]
;
var e = 
[
  function foo() {
    dosomething();
  }
]
;

誤り

オプション{ "minItems": 2 }を使用したこのルールの**正しい**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", { "minItems": 2 }]*/

var a = [];
var b = [1];
var c = [
    1, 2
];
var d = [
    1,
    2
];
var e = [function foo() {
    dosomething();
}];

正しい

multiline と minItems

オプション{ "multiline": true, "minItems": 2 }を使用したこのルールの**誤った**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", { "multiline": true, "minItems": 2 }]*/

var a = 
[
]
;
var b = 
[
    1
]
;
var c = 
[
1, 2
]
;
var d = 
[
1,
    2
]
;
var e = 
[
function foo() {
    dosomething();
}
]
;

誤り

オプション{ "multiline": true, "minItems": 2 }を使用したこのルールの**正しい**コードの例

/*eslint @stylistic/js/array-bracket-newline: ["error", { "multiline": true, "minItems": 2 }]*/

var a = [];
var b = [1];
var c = [
    1, 2
];
var d = [
    1,
    2
];
var e = [
    function foo() {
        dosomething();
    }
];

正しい

使用しない場合

配列ブラケットの開始後と終了前に改行を強制したくない場合は、このルールを有効にしないでください。

互換性

• **JSCS:** validateNewlineAfterArrayElements