將非常規項目推入 Javascript 中的數組

Question

我正在嘗試將任意數量的非常規項目生成到一個數組中，最終看起來像這樣：

var notes = [
  new VF.StaveNote({clef: "treble", keys: ["c/5"], duration: "q" }),
  new VF.StaveNote({clef: "treble", keys: ["d/4"], duration: "q" }),
  new VF.StaveNote({clef: "treble", keys: ["b/4"], duration: "qr" }),
  new VF.StaveNote({clef: "treble", keys: ["c/4", "e/4", "g/4"], duration: "q" })
];

我這樣做的策略包括制作一個 function ，它將這些類型推入一個數組中：

function makeVexFlowNotes(nonVexFlowNotes){
     var ascendingNotes = outputAscendingNotes(nonVexFlowNotes);
     var notes = [];
     for(var i=0;i<ascendingNotes.length;i++)
     {
          var temp = new VF.StaveNote({ keys: ascendingNotes[i], duration: "q" });
          notes.push(temp);
     }
     return notes;
}

但是，當我這樣做時，我的頁面無法正確呈現。

幫助表示贊賞。 謝謝，納庫爾

Answer 1

兩種選擇：

1. 在 CDN 解析之前，您可能已經導入了 CDN 文件並加載了以下代碼。

2. 您根本沒有導入VF 。

兩個導入VF，你必須先通過運行安裝package

npm install vexflow

然后將模塊導入為

const VF = require('vexflow');

// or in es6:
import * as VF from 'vexflow';