javascript の replace 処理を行ったところ・・

Question

入力値があって、

04323033412

9 → 22
8 → 20
・・・

と変換したうえで、足し算するのですが、

var dial = array.replace(/0/g, "24").replace(/1/g, "6").replace(/2/g, "8").replace(/3/g, "10").replace(/4/g, "12").replace(/5/g, "14").replace(/6/g, "16").replace(/7/g, "18").replace(/8/g, "20").replace(/9/g, "22");
console.log(dial);

の出力結果が、
22 10 16 14 10 14 120 10 22 20

になり、７ が １８になるところ、120 になったり、0 が 2012 になったりします。

解決方法はあるのでしょうか。

Comments

[int32_t]

入力は単一の文字列のようですが、出力は文字列である必要はありますか? 数値のリストでもよいのでは?

[hanabatake]

入力値を別の数字に変換して足し上げるので、
splitとjoinをかけて、0 4 3 2 3 0 3 3 4 1 2　スペースをつけてもう一度出し直したうえで、
数字の変更をかけまして、
もう一度配列にして、reduceで足し算をすればいいのかなというところでの過程になります。
※一桁と二桁が混入するので、後ほど配列にするためにあらかじめスペースを入れておこうとしています。

[yambejp]

計算根拠がわからないのですが、変換して隣り合った数字を足すのでしょうか？
0+4→24+12=36ということではない？

[hanabatake]

まさにその通りです。
足し算の前段階の数字の変換がうまくいっていないのです。
mapで配列から変換するといいとご回答いただいたのですが、
mapの使い方で再びつまずいています。

Answer 1

.replace(/7/g, "18").replace(/8/g, "20")... のようにつなげると、7を置き換えた 18 が 次の replace(/8/g, "20") の置換対象になってしまって、7 → 18 → 120 になってしまいます。

replace()のチェインはやめて、1文字ずつ個別に変換するとよいでしょう。

[...'04323033412'].map(d => d == '0' ? 24 : (Number(d) * 2 + 4))

最終的に reduce() するなら、reduce() だけでよいんじゃないでしょうか。

'04323033412'.split('').reduce(
    (prev, d) => prev + (d == '0' ? 24 : (Number(d) * 2 + 4)), 0)

Comments

[hanabatake]

ご回答ありがとうございます。
たしかに正しく変換できたのですが、
初心者の私には再現性がなく、文が長くなってもいいので、かみ砕いた
工程をお教えいただくことは可能でしょうか。

[int32_t]

[...'04323033412'] は、'04323033412'.split('') と同じです。

d == '0' ? 24 : (Number(d) * 2 + 4)
というのは質問文にある変換規則 0→24 1→6 ... 9→22 から法則性を見出して1つの式で変換するようにしたものです。

それ以外はJavaScriptの基本的なことなので、調べればわかるのではないでしょうか。

Answer 2

最終的に総和を求めるならint32_tさんの回答がベストな感じですね
変換する数字も計算でだすのが効率的です。
別解になりますが、あらかじめリストを作っておいて参照するという手もありますね

const list=[24,6,8,10,12,14,16,18,20,22];
const res='04323033412'.split('').reduce((x,y,z,w)=>(x instanceof Array?x:[]).concat([list[w[z-1]]+list[y]]));
console.log(res);//[ 36, 22, 18, 18, 34, 34, 20, 22, 18, 14 ]