0

PHPのコードの解読をお願いしたいです。
調べてもどのような意味なのか、どのようなコードなのかわかりません。
どのような読み方だけご教示いただきたいです。
また、足りない情報(ファイル)コードなどあったら教えてください。補足します。

template.push(`<span class="font-size-20 ${ getColorTextMonthCurrentYear(parsePotentiallyGroupedFloat(numeral(averageArr[0]).format(isTableStar ? '0,0.0' : '')),parsePotentiallyGroupedFloat(numeral(averageArr[1]).format(isTableStar ? '0,0.0' : '')))} data-table">
                    ${ parsePotentiallyGroupedFloat(numeral(averageArr[1]).format(isTableStar ? '0,0.0' : '')) === 0 ? 0 : numeral(averageArr[1]).format(isTableStar ? '0,0.0' : '')}
                </span>`);

1 件の回答 1

2

まず、PHPのタグをつけて質問されていますが、これはJavaScriptのコードと思われます。

元のコードに改行が少なく見づらいため、改行とインデントを加えてみます。

template.push(`
<span class="
    font-size-20
    ${
        getColorTextMonthCurrentYear(
            parsePotentiallyGroupedFloat(
                numeral(averageArr[0]).format(isTableStar ? '0,0.0' : '')
            ),
            parsePotentiallyGroupedFloat(
                numeral(averageArr[1]).format(isTableStar ? '0,0.0' : '')
            )
        )
    }
    data-table
">
    ${
        parsePotentiallyGroupedFloat(
            numeral(averageArr[1]).format(isTableStar ? '0,0.0' : '')
        ) === 0 
        ? 0 
        : numeral(averageArr[1]).format(isTableStar ? '0,0.0' : '')
    }
</span>
`);

バッククォート `` で囲まれた文字列の中にドルマークと中括弧で ${...} のように式が埋め込まれているのは、テンプレートリテラルと呼ばれる構文です。
JSでHTMLタグを出力する際に、複数行にわたる記述をそのまま表示させたいときや、式から返される値を埋め込みたいときに、文字列を連結するよりもすっきりと書けるためよく使われています。

クエスチョンマーク ? とコロン : が使われているのは、三項演算子と呼ばれる構文です。
コード中で三項演算子が使われている箇所を例にすると、以下の1つ目の記述は2つ目の記述と同じことを表しています。

isTableStar ? '0,0.0' : ''
if (isTableStar) {
    return '0,0.0';
} else {
    return '';
}

やっていることとしては、
1つ目の ${...} で要素の色を指定するCSSクラス名を出力し
2つ目の ${...} で画面に表示する数値を出力している
のだと思います。

1
  • mitzzzさん ご教示いただきありがとうございます! とても勉強になりました! これからもよろしくお願いいたします。 Commented 2021年3月23日 12:39

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。