ループ内で動的変数を宣言します。

Question

恐らくそれはノービス問題です。現在、私はFramer.jsを操作しています。私はCoffeeScriptの質問を受け取りました。

types = ["orange", "apple", "banana", "grapefruit", "pear"] 
for i in types 
    li = new TextLayer 
     text: types 
     y: li * 60 
    li.parent = dropdownList 

    print "list-item-" + "#{i}", i 

私は配列を持っているので、オブジェクトインスタンスに動的変数を宣言したいと思います。上のコードは、5つのliレイヤーを生成します（これはFramer固有です>エディター内で非自明のレイヤー名は望ましくありません）。

forループ内です。

VARアイテム、オレンジ=新しいレイヤー...

VAR項目リンゴ=新しいレイヤー...私はCoffeeScriptのでこれを達成する可能性がどのように

上 とそう？

Answer 1

私は確信していませんが、あなたがしようとしているのは、作成された各レイヤーを名前で参照することです。あなたは自分の名前の参照の下のオブジェクトに格納することでこれを行うことができます：

types = ["orange", "apple", "banana", "grapefruit", "pear"] 

# Create an empty layers object, outside of the loop 
layers = {} 

# Loop over the types array, storing the type in the variable named type 
# And the number of the current loop in the variable index 
for type, index in types 
    li = new Layer 
     html: type 
     y: index * 220 
     name: "list-item-#{type}" 
    # Store the layer in the layer object under the type key 
    layers[type] = li 

    print "list-item-" + "#{type}", layers[type] 

# Get a specific layer out of the layers array 
layers['apple'].animate 
    x: 300 

全例がここにある：http://share.framerjs.com/5owxrbz5hqse/