配列の最後の項目の直前に文字列を挿入したい

Question

前提

Mozzila/JS入門の課題の解決方法で悩んでいる

初心者のためのオブジェクト指向 JavaScript
https://developer.mozilla.org/ja/docs/conflicting/Learn/JavaScript/Objects/Classes_in_JavaScript#constructors_and_object_instances

実現したいこと

コンストラクター関数の引数である配列の最後の項目の直前に文字列を挿入したい

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

array.splice()がうまく動いていない？

該当のソースコード

class Person {
	constructor(first, last, age, gender, ...interests) {
		this.name = {
			first: first,
			last: last,
		};
		this.age = age;
		this.gender = gender;
		this.interests = interests;
		this.bio = function () {
			let pronoun = "";
			gender === "male" ? (pronoun = "He") : (pronoun = "She");

			interests.splice(-1, 0, "and");

			return `${this.name.first} ${this.name.last} is ${age} years old. ${pronoun} likes ${interests}.`; //☆ここ
		};
		this.greeting = function () {
			alert(`Hi, I'm ${this.name}.`);
		};
	}
}

Comments

[skys215]

this.interests.splice(ではないでしょうか？

Answer 1

第5引数...interestsに対して配列を渡していませんか？
配列を渡してしまうとinterestsが2次元配列になってしまい、spliceが効かなくなります。

以下のようにすると想定の動作をすると思います。

const p = new Person("first", "last", 99, "male", "kevin", "mike");

また、第5引数に配列を渡したい場合は...interestsをinterestsにすると良いと思います。
そうすると次のように配列を渡せます。

const p = new Person("first", "last", 99, "male", ["kevin", "mike"]);

また、${interests}だと次のようになってしまうので、${interests.join(' ')}としたほうが良いのではないでしょうか。

first last is 99 years old. He likes kevin,and,mike.

これで解決しましたら幸いです。