配列の中の全文字数の合計を取得したい

Question

前提・実現したいこと

配列の中の全文字数の合計を取得したいです。

下記のconsole.log(listsTotal);では、1が表示されます。
(listsTotalが上書きされていくので、当然ではありますが、、、)

該当のソースコード

let textLists = [
  "aaa",
  "bb",
  "c",
];

let listsTotal;
let listsSumTotal;

// 配列の中の全文字数の合計を取得したい
for( let i = 0 ;i < textLists.length; i++){
  listsTotal = textLists[i].length;
}

console.log(listsTotal);

試したこと

変数listsSumTotalを、合計値用に宣言しましたが、ここからどのように進めれば良いかどうしても分かりません。

どうぞご教授いただければ幸いです。

Answer 1

配列の値を順に処理したい時はreduceを使用します。

let textLists = [
  "aaa",
  "bb",
  "c",
];

const listsSumTotal = textLists.reduce((acc, crr) => acc + crr.length, 0)

console.log(listsSumTotal)

Answer 2

let listsTotal=textLists.map(x=>x.length).reduce((x,y)=>x*y);
console.log(listsTotal);

Answer 3

簡単なことです。

let listsSumTotal = 0;

for( let i = 0 ;i < textLists.length; i++){
  listsSumTotal += textLists[i].length;
}

console.log(listsSumTotal);

Comments

[genjiro]

当方、初心者のため、一番シンプルなコードをベースとアンサーとさせていただきました、
大変助かりました。ありがとうございます。