javascript - 获取语​​法错误 : missing ] after element list

Question

这是我遇到的错误:

SyntaxError: missing ] after element list

note: [ opened at line 959, column 12

这是引用输出:

var specifications = [
   [ "<option value="'1'">"'CPU'"</option>" ],
   [ "<option value="'2'">"'ram'"</option>" ],
   [ "<option value="'3'">"'LCD'"</option>" ],
   [ "<option value="'4'">"'Mouse'"</option>" ],
   [ "<option value="'5'">"'Graphic'"</option>" ],
   [ "<option value="'6'">"'Keyboard'"</option>" ],
];

这是我的代码:

var specifications = [
    @foreach($specifications as $specification)
        [ "<option value="'{{ $specification->id }}'">"'{{ $specification->title }}'"</option>" ],
    @endforeach
];

如何解决这个问题？

Answer 1

您的字符串中有未转义的引号。

考虑其中一个输入: "<option value="'1'">"'CPU'"</option>" .它以 " 开头并以 " 结尾.但它也有一堆 " s 在中间，这会混淆解析器。所以任何 "如果您介于两者之间，则必须通过将它们更改为 \" 来逃避:

var specifications = [
    @foreach($specifications as $specification)
        [ "<option value=\"'{{ $specification->id }}'\">\"'{{ $specification->title }}'\"</option>" ],
    @endforeach
];

编辑:实际上，看起来您不需要那么多引号。考虑改变

"<option value="'1'">"'CPU'"</option>"

到

"<option value='1'>CPU</option>"

在那种情况下你不需要转义任何东西并且你的代码看起来会更干净一些:

var specifications = [
    @foreach($specifications as $specification)
        [ "<option value='{{ $specification->id }}'>{{ $specification->title }}</option>" ],
    @endforeach
];