JavaScriptでオブジェクトのメソッドを定義する方法を解説
メソッドとは何か
メソッドとは、オブジェクトに何らかの動作をさせたり、逆にオブジェクトに対して何らかの処理を行ったりするための関数のことです。関数とメソッドにはわずかな違いがあります。関数は独立したステートメント(文)の集まりとして存在する単位である一方、メソッドは特定のオブジェクトに紐付けられており、thisキーワードを通じて参照できる点が異なります。
メソッドの主な用途
メソッドの活用範囲は非常に広く、オブジェクトの内容を画面に表示するといったシンプルな処理から、ローカルプロパティや引数(パラメータ)のグループに対して複雑な数学的演算を実行するような高度な処理まで、さまざまな場面で利用されています。
document.write()メソッドの使用例
次の例では、documentオブジェクトが持つwrite()メソッドを使用して、ドキュメント上に任意のコンテンツを出力しています。
document.write("This is test");
-
JavaScriptでオブジェクトにreduceメソッドを適用する方法
JavaScriptのreduce()メソッドは本来配列向けのメソッドのため、オブジェクトにそのまま適用することはできません。そこで、Object.values()メソッドを使ってオブジェクトの値を配列として取り出し、その配列に対してreduce()を適用します。 以下は、JavaScriptでオブジェクトの値にreduceメソッドを適用するコード例です。 コード例 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content
-
【JavaScript入門】Symbolを使ってオブジェクトごとに一意のIDを作成する方法
はじめにJavaScriptでオブジェクトごとに一意のIDを作成したい場合、Symbol()を使うのが最も簡単かつ確実な方法です。Symbolは呼び出されるたびに必ず新しい一意の値を生成するため、たとえ同じ説明文字列を渡しても、二度と同じ値にはなりません。以下は、各オブジェクトに対して一意のIDを作成するサンプルコードです。実装例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewp