Typescript のgetter 、setter の表示結果において、undefinedが表示される。

Question

Typescript の getter と　setter　を使用して、苗字と名前の間の空白を消して
表示するプログラムを作成しました。

英語名ならば　”Alicia Keys” ⇒　”AliciaKeys”　と問題なく表示されるのですが、
日本語名だと　”田中　太郎”　⇒　”田中　太郎undefined”　と表示されます。

私が作成したコードは下記となります。
Typescript 初心者で、現在勉強中の身です。
色々調べておりますが、よく原因が理解できておりません。
ご教示いただけますと幸いです。

class Person {
    firstName!: string
    lastName!: string

    set fullName(name:string){
        let names = name.split(' ');
        this.firstName = names[1];
        this.lastName = names[0];
    }
    get fullName():string{
        return this.lastName +this.firstName;
    }
}
let p:Person;
p = new Person();
p.fullName='田中　太郎';
console.log(p.fullName);

Answer 1

色々調べておりますが、よく原因が理解できておりません。

"田中　太郎"のスペースは全角なので、半角スペースで.split(' ')としても区切り文字は存在せず、"田中　太郎"が1つ物になったままとなっています。

Comments

[takochan1192]

maisumakun様
ありがとうございます。確かに、半角スペースを.split(' ')としておりました。
全角スペースで行ったところ問題ありませんでした。
本当にありがとうございました。