かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

jade テンプレート内の配列を見やすくするために改行したい。

f:id:kikiki-kiki:20151028231511p:plain jadeテンプレート内で配列やオブジェクトを記述する時、値を見やすくしようとして改行すると書き方によってはエラーになってしまいます。

エラーになる書き方

// jade
- var list = [
  'one',
  'two',
  'tree'
]
- var obj = {
  a: 'one',
  b: 'two',
  c: 'tree',
}
// jade
- var list = [
-   'one',
-   'two',
-   'tree'
- ]
- var obj = {
-   a: 'one',
-   b: 'two',
-   c: 'tree',
- }

改行してもエラーにならない書き方

-を書いた後に改行&インデントして配列・オブジェクトを書けば値ごとに改行してもエラーにならず使うことができます!

// jade
- 
  var list = [
    'one',
    'two',
    'tree'
  ]
-
  var obj = {
    a: 'one',
    b: 'two',
    c: 'tree',
  }

- for(var i=0,l=list.length; i<l; i+=1)
  p= list[i]

- each val, index in obj
  p #{index}: #{val}

 
今まで改行できないものだと思っていたので、長い配列を作ると見づらくなるので値ごとにlist.push()で値追加したりてました... もっと早く知っておきたかったZ