【初心者】配列へのpush

Question

前提

LearnJavaScriptのUse any appというレッスンを解いています。
https://learnjavascript.online/app.html

実現したいこと

Instructionの訳：app 変数が apps 配列に追加されるように関数を完成させてください。そして、apps 配列を返してください。

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

/**
 * @param {array} apps
 * @param {string} app
 */
function useApp(apps, app) {
    apps.push(app);
    return apps;
}

// Sample usage - do not modify
console.log(useApp(["Clock", "Twitter"], "Firefox")); // ["Clock", "Twitter", "Firefox"]
console.log(useApp([], "Safari")); // ["Safari"]

正解はこれなのですが、returnの直後にそのまま式を書くと「3」が返ってくる理由がわかりません。

該当のソースコード

function useApp(apps, app) {
    
    return apps.push(app);

}

試したこと

この問題はこの記事のhttps://job-support.ne.jp/blog/javascript/return-value

この部分と同じことを言っているのでしょうか？returnには一つの変数（？）をいれることが慣習というかルールなのでしょうか？

Answer 1

• Array.prototype.push() - JavaScript | MDN #返値

pushは配列を操作するメソッドであって戻り値はその配列のlengthだからです
こういう場合は結合して戻します

function useApp(apps, app) {
    return apps.concat([app]);
}

もしくは

const useApp=(apps, app)=>apps.concat([app]);

Answer 2

Array.prototype.push() - JavaScript | MDN

Array.prototype.push()
push() メソッドは、配列の末尾に 1 つ以上の要素を追加することができます。また戻り値として新しい配列の要素数を返します。

Comments

[Iori]

ありがとうございます。returnに配列を指定するとその値が返ってきて、pushを指定するとlengthが返ってくるということだと認識しました。（またこれが間違ってるかどうか怖いですが、、、）