空の配列にpushして値を追加したいが、値を追加できない。

Question

今回の空の配列にnumberの値を追加していきたいのですが、値を追加することができずわけのわからない挙動が起こります。

  const { friendUid } = props.location.state
  let friendsuid: string[] = []
  console.log(friendUid)
  console.log(friendsuid.push(friendUid))

console.log上ではきちんとnumberで表示されているが、pushの方のconsole.logを見ると1という数字のみが帰ってきます。
こちら対処法はありますでしょうか？

Answer 1

pushの方のconsole.logを見ると1という数字のみが帰ってきます。

はい、そういう仕様です。.pushの返り値は、追加したあとの要素数です（MDN）。

Comments

[maisumakun]

逆に、「1が返っている」ということは、追加できたことの証です。

[21212121]

ありがとうございます！
無事理解できました！

Answer 2

空のリストに1つ要素をpushしたので、pushの返り値は1で正常です。
何も問題ありません。

Comments

[21212121]

なるほどです。
こちら上の数字を配列にどんどん追加することを想定していたのですが、その場合はpushではダメってことですか？

[otn]

pushでいいですよ。friendsuidに対して繰り返しpushすればいいです。

[21212121]

あ、理解できました。
logで確認する場所が間違ってたってことですね！

[21212121]

ありがとうございました！

[otn]

friendsuid = []
friendsuid.push("XXXX")
friendsuid.push("YYYY")
friendsuid.push("ZZZZ")
console.log(friendsuid)
⇒ ["XXXX", "YYYY", "ZZZZ"]

Answer 3

  console.log(friendUid)
  console.log(friendsuid.push(friendUid)) // 戻り値が表示される
  console.log(friendUid) // ここで確認してください。

【Array.prototype.push() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/push#%E6%88%BB%E3%82%8A%E5%80%A4

戻り値

メソッドが呼び出されたオブジェクトの新しい length プロパティ。

Comments

[21212121]

ありがとうございます！
無事解決できました！