コンテンツへスキップ

@stylistic/

array-bracket-newline

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

ルール詳細

このルールは、配列ブラケットの開き括弧の後と閉じ括弧の前に改行を強制します。

オプション

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

  • "always" はブラケット内に改行を要求します。
  • "never" はブラケット内の改行を禁止します。
  • "consistent" は、各ブラケットのペアについて改行の一貫性を要求します。ペアのいずれかのブラケットに改行がある場合、もう一方のブラケットに改行がないとエラーを報告します。

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

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

always

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

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

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

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

js
/*eslint @stylistic/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" オプションを使用したこのルールの**不正な**コードの例

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

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

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

js
/*eslint @stylistic/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" オプションを使用したこのルールの**不正な**コードの例

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

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

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

js
/*eslint @stylistic/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 } オプションを使用したこのルールの**不正な**コードの例

js
/*eslint @stylistic/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 } オプションを使用したこのルールの**正しい**コードの例

js
/*eslint @stylistic/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 } オプションを使用したこのルールの**不正な**コードの例

js
/*eslint @stylistic/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 } オプションを使用したこのルールの**正しい**コードの例

js
/*eslint @stylistic/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 } オプションを使用したこのルールの**不正な**コードの例

js
/*eslint @stylistic/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 } オプションを使用したこのルールの**正しい**コードの例

js
/*eslint @stylistic/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();
    }
];
正しい例

使用しない場合

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

互換性

MITライセンスの下でリリースされています。