跳至内容

@stylistic/

array-bracket-newline

许多风格指南要求或禁止在数组括号内换行。

规则详情

此规则强制在数组括号的开头和结尾换行。

选项

此规则具有字符串选项

  • "always" 要求在括号内换行
  • "never" 禁止在括号内换行
  • "consistent" 要求对每对括号使用一致的换行符。如果一对括号中一个括号在内部有换行符,而另一个括号没有,则会报告错误。

或对象选项(如果满足任何属性,则需要换行。否则,禁止换行)

  • "multiline": true(默认)如果元素内部或元素之间有换行符,则需要换行。如果为 false,则禁用此条件。
  • "minItems": null(默认)如果元素数量至少为给定的整数,则需要换行。如果为 0,则此条件将与选项 "always" 相同。如果为 null(默认),则禁用此条件。

始终

此规则使用 "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" 选项时,错误代码示例

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" 选项时,错误代码示例

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": 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": 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": 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();
    }
];
正确

何时不使用它

如果您不想在打开和关闭方括号后强制换行,请不要启用此规则。

兼容性