アロー関数で書かれたforEachの変換

Question

###前提・実現したいこと
ネイティブの方が作られたアロー関数のコードですが、うまく使える形に変換して欲しいです。
３行目のd.value = +d.valueの所で+と=が逆のような気もしています。（４，６行目も同様）
５行目もコード文中に？が登場していて何のことなのかよくわかっておりません。

brandData = d3.csv('https://gist.githubusercontent.com/johnburnmurdoch/2e5712cce1e2a9407bf081a952b85bac/raw/08cf82f5e03c619f7da2700d1777da0b5247df18/INTERBRAND_brand_values_2000_2018_decimalised.csv')
//↑csvファイルは問題なく取得できます。
brandData.forEach(d => {  //=>アロー関数でdを引数とする
d.value = +d.value,       //+と=が逆なのでは？
d.lastValue = +d.lastValue,//+と=が逆なのでは？
d.value = isNaN(d.value) ? 0 : d.value,//isNaN以降が良く分からない（? 0 ：）
d.year = +d.year,　　　　　//+と=が逆なのでは？
d.colour = d3.hsl(Math.random()*360,0.75,0.75)
  });

発生している問題・エラーメッセージ

エラーメッセージ　Uncaught ReferenceError: fanction is not defined

質問のまとめ

①アロー関数で書かれたコードを使える形にしたい
②+と=はこの位置で正しいのか知りたい
③?0:のある５行目はどのようなコードなのか知りたい

補足情報

元のコードは↓こちらになります。
https://observablehq.com/@johnburnmurdoch/bar-chart-race
ここで動いているバーチャートを作りたいと思っています。

Comments

[azuapricot]

使える形になっているよーな
使えないというか、あなたがわからないだけですよね？
三項演算子なんてどこでも何やってても腐るほどでてきますし。

[yama3go]

回答有り難うございます。
私自身プログラミングを初めて１ヶ月ほどなので、確かに自分の能力が低いので理解できていないだけです。
もう少し基礎学力を付けてから質問すれば良かったと反省しております。

Answer 1

①アロー関数で書かれたコードを使える形にしたい

なんかエラーの原因が、エラーメッセージ的に「どこか別のところでfunctionをfanctionとタイポしてること」である気がしてて、実はアロー関数使えるんじゃないでしょうか

②+と=はこの位置で正しいのか知りたい

文字列（string）を数値（number）に変換することを意図したものだと思います。
とすればこの書き方であってます。

③?0:のある５行目はどのようなコードなのか知りたい

三項演算子ですね。
この行全体で、d.valueに数値として扱えない値が渡ってきた時にNaNではなく0であったことにする、という意味です。

Comments

[yama3go]

エラーメッセージは間違えて別のメッセージを貼り付けてしまいました。
すみません。
アロー関数のコードでも動く事を知らなかったので勉強になりました。
色々親切にありがとうございます。
まだ解決出来ていませんが、少しづつ理解していきます。

Answer 2

①アロー関数で書かれたコードを使える形にしたい

書かれている範囲のコードは正常だと思います。
エラーメッセージを見るに、本来はfunctionと書くべき箇所がfanctionとなっている箇所がどこかにあるのではないでしょうか？

②+と=はこの位置で正しいのか知りたい

おそらく正しいです。
これはあんまり綺麗な書き方ではないですが、おそらく文字列→数値変換をする意図で書かれているのだと思います。
javascriptでは、以下のように+をつけることで文字を数値にすることができます。

var hoge = "123";
console.log(typeof  hoge); // → string
console.log(typeof +hoge); // → number

③?0:のある５行目はどのようなコードなのか知りたい

三項演算子です。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

Comments

[yama3go]

①に関しては申し訳ありません。私が間違えて別のエラーメッセージを投稿してしまいました。
②、③の事は大変勉強になりました。
ありがとうございます。