ホームページ > 記事 > ウェブフロントエンド > コードの日 / 日: スポーツでゲッターとセッターを探索する
2024 年 9 月 3 日火曜日
皆さんこんにちは! ?
今日は、ゲッターとセッターに焦点を当てて、JavaScript オブジェクトをまとめました。物事を面白くするために、フェニックス サンズのシンプルなスポーツ チーム オブジェクトを作成しました。見てみましょう!
私は、_players と _games という 2 つの主要なプロパティを持つチーム オブジェクトを定義することから始めました。アンダースコアは、これらのプロパティがプライベートであることを示す規則です。
const team = { _players: [ {firstname: 'Devin', lastname: 'Booker', age: 27}, {firstname: 'Kevin', lastname: 'Durant', age: 35}, {firstname: 'Bradley', lastname: 'Beal', age: 31} ], _games: [ {opponent: 'Lakers', teampoints: 106, opponentpoints: 99}, {opponent: 'Pistons', teampoints: 120, opponentpoints: 102}, {opponent: 'Nuggets', teampoints: 105, opponentpoints: 104} ] };
プレーヤーとゲームにアクセスするには、ゲッターを使用しました。ゲッターは、プロパティに直接アクセスせずにプロパティの値を読み取ることができるメソッドです。これにより、データがカプセル化され、意図しない変更から安全に保たれます:
get players() { return this._players; }, get games() { return this._games; }
これらのゲッターを使用して、プレーヤーとゲームを取得してログに記録できます:
console.log(team.players); console.log(team.games);
次に、新しいプレーヤーとゲームをチームに追加できるようにしたいと考えています。このために、セッターの代わりにメソッドを使用しました。メソッドを使用すると、配列全体を置き換えることなく、新しい項目の追加などの特定のアクションを実行できます。
addplayer(newfirstname, newlastname, newage) { let player = {firstname: newfirstname, lastname: newlastname, age: newage}; this._players.push(player); }, addgame(newopponent, newteampoints, newopponentpoints) { let game = {opponent: newopponent, teampoints: newteampoints, opponentpoints: newopponentpoints}; this._games.push(game); }
テストするために、新しいプレーヤーを追加し、更新されたプレーヤーのリストを記録しました。
team.addplayer('Grayson', 'Allen', 29); console.log(team.players);
この演習は、JavaScript でゲッターとセッターがどのように機能するかを理解するのに最適な方法でした。これらは、オブジェクト内のデータを管理するクリーンで効率的な方法を提供します。さらに、スポーツ チームと協力するとさらに楽しくなりました!
私の最後の仕事で懐かしいのは、デジタル チケット サービス プロバイダーだったので、オフィスのあちこちでスポーツのテレビ中継があったことです。これにより、同僚間の友情と冗談が高まり、職場環境が活気に満ちた魅力的なものになりました。スポーツがオフィスでもコードでも人々を結びつけることができるのは素晴らしいことです!
私のコーディング遍歴に関するさらなる最新情報をお待ちください。次回まで、コーディングを楽しんでください。 ?
以上がコードの日 / 日: スポーツでゲッターとセッターを探索するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。