ホームページ  >  記事  >  ウェブフロントエンド  >  jsでよく使われるオブジェクトは何ですか? jsオブジェクトのプロパティとメソッドを詳しく解説

jsでよく使われるオブジェクトは何ですか? jsオブジェクトのプロパティとメソッドを詳しく解説

php是最好的语言
php是最好的语言オリジナル
2018-08-08 15:50:133264ブラウズ

js でオブジェクトのプロパティを取得する方法はたくさんありますが、この記事では、js のいくつかの一般的なオブジェクトとそのそれぞれのプロパティとメソッドについて説明することに重点を置いています。乱雑ではありますが、皆さんの参考になればと思い、著者が丁寧にまとめましたので、至らぬ点はご容赦ください。

1. Number オブジェクト

Number オブジェクトは、数値の日付、整数、または浮動小数点数を表します。通常、ブラウザは数値リテラルを Number クラスのインスタンスに自動的に変換するため、Number オブジェクトについて心配する必要はありません。

1. Number オブジェクトを作成します

var = new Number(number);

引数を数値に変換できません、NaN(Not-a-Number) として返されます。

2、

数値属性

プロトタイプは、デジタル オブジェクトの静的プロパティです。プロトタイプ オブジェクトのプロパティを使用して、現在のドキュメント内のデジタル オブジェクトに新しいプロパティとメソッドを割り当てます。

3. 数値メソッド

属性

説明

MAX_VALUE

可能な最大値JavaScript の数値は 1.7976931348623157E+308 です

MIN_VALUE

JavaScript で可能な最小の数値は 5E-324 です

ナン

数値ではない値に相当します

NEGATIVE INFINIT

Y

MIN-VALUE より小さい値

POSITIVE_INFINIT

Y

MAX-VALUEより大きい値

constructor()l()toFixed()内で指定しますg()toPrecision()。 toString() の値の文字列表現を返します。数値

このオブジェクトのインスタンスの関数を作成します。デフォルトでは、これは数値オブジェクトです

toExponentia

数値が JavaScript が通常指定する範囲内にある場合でも、数値を強制的に指数表記で表示します標準表記法を使用して指定します

小数点の右側に特定の桁数を含む10進数として数値をフォーマットします

toLocaleStrin

現在の数値の文字列値バージョンを返します

合計が何個あるかを定義します。数値を表示します(小数点の左右の数値を含む)

valueOf ()

数値の値を返します

2.

Boolean オブジェクト

Boolean オブジェクトが表す「true」または「false」の 2 つの値。

1. ブール値オブジェクトを作成します

var = new Boolean(value);

value パラメーターが省略されている場合、またはパラメーターが 0、-0、空、false、NaN、未定義、または空の文字列 (" ") の場合、このオブジェクトの初期値は false です。

2、ブール属性

属性 の説明

コンストラクター

このオブジェクトのブール関数への参照を作成するために戻ります

プロトタイプ

プロトタイプのプロパティを使用すると、オブジェクトのプロパティとメソッドを追加できます

3、ブールメソッド

方法 説明

toSource()

Boolean オブジェクトのソースを含む文字列を返します。この文字列を使用して同等のオブジェクトを作成できます。

toString()

オブジェクトの値に応じて "true" または "false" を返します。

valueOf()

数値

3の値を返します。 String オブジェクト

String オブジェクトは、一連の文字の組み合わせ (つまり、文字列) を操作するための多数のヘルパー メソッドでは、これらのメソッドは JavaScript 文字列プリミティブ データ型を隠します。

JavaScript は元の文字列配列と文字列オブジェクトの間の自動変換を実現できるため、文字列オブジェクトの補助メソッドを呼び出して元の文字列データに作用することができます。

1、

Stringオブジェクトを作成します

パラメータ文字列は、正しくエンコードされた文字シーケンスです。

2. 文字列属性

var = new String(string);

属性 の説明

コンストラクター

return このオブジェクトのブール関数への参照を作成します

prototype

Prototype プロパティを使用すると、オブジェクトのプロパティとメソッドを追加できます

length

文字列

の長さ

3. String オブジェクトメソッド

Method Description

charAt()

charCodeAt ()

指定された位置の文字の Unicode エンコードを返します

concat()

接続文字列

indexOf()

文字列を取得します

lastIndexOf()

文字列を後ろから前に取得します

locale Compare()

ローカルを使用2 つの文字列を特定の順序で比較します

match()

1 つ以上の正規表現の一致を検索します

replace()

正規表現に一致する部分文字列を置換します

search()

正規表現に一致する値を取得します

slice()

文字列の断片を抽出し、抽出された部分を新しい文字列で返します

split()

文字列を文字列配列に分割します

substr()

開始インデックス番号から文字列から指定された数の文字を抽出します

substring()

指定されたインデックス番号の間にある文字列の文字の2つの部分を抽出します

toLocaleLowerCase()

文字列を小文字に変換します

toLocaleUpperCase()

文字列を大文字に変換します

toLowerCase()

文字列を小文字に変換します

toString()

を返すstring

toUpperCase()

文字列を大文字に変換します

valueOf()

数値の値を返します

4. String

fixed() を使用するのと同じように、タイプライターのテキストとして表示される文字列を作成します。タグ効果 タグを使用するのと同じように、指定した色で表示される文字列を作成します。 ; link() small () strike() サップ()
メソッドのHTML基本型ラッパー Description

AとしてHTMLアンカーを作成しますハイパーテキスト目標

big()

タグを使用するのと同じように、大きなフォントで表示される文字列を作成します

blink()

作成する label b> タグ効果を使用するのと同じように点滅する文字列

fontcolor ()

fontsize() タグを使用するのと同じように、指定されたサイズを使用して表示される文字列を作成します

別の URL をリクエストする HTML ハイパーリンクを作成します

小さいフォント サイズを使用して文字列を作成します。 タグを使用した場合と同じように

delete を使用して文字列を作成します。 タグを使用した場合と同様に、行は添え字として表示されます。

タグを使用した場合と同じように、上付き文字として表示される文字列を作成します

4. 配列オブジェクト

に格納するために使用される配列オブジェクト単一の変数 複数の値。

1. Array オブジェクトを作成します

var Fruits = new Array("apple","orange","mango");

配列パラメータには文字列または整数のセットを指定できます。配列コンストラクターに数値引数を指定すると、配列の初期長が決定されます。配列に許可される最大長は 4,294,967,295 です。

次のように単純な代入によって配列を作成できます:

var Fruits = ["apple","orange","mango"];

以下に示すように、配列内の要素の値にアクセスし、シリアル番号 (添字) によって設定できます:

• Fruits[0] は最初の要素です

• Fruits[1] は 2 番目の要素

• Fruits[2] は 3 番目の要素

2、

配列属性

説明

3、配列オブジェクトメソッド

コンストラクター

このオブジェクトを作成した関数への参照を返します

index

ゼロから開始一致する文字列を取得しています

input

正規表現で作成された配列でのみ見つかります

length

配列内の要素の長さを設定または返します Number

prototype

プロトタイプのプロパティを使用すると、オブジェクトのプロパティとメソッドを追加できます

配列の指定された要素のインデックスを末尾から先頭まで取得して返しますt()配列内の2つの値に関数を同時に適用し、(端から頭まで)単一の値に減らします
メソッド 説明

concat()

2つ以上の配列を連結して返します結果

every()

は、指定された関数を配列要素に適用して判断し、すべての戻り値が true である場合にのみ true を返し、それ以外の場合は false を返します。 )

新しい配列を作成します。配列内の要素は、フィルター関数の戻り値が空であることを満たす元の配列内の要素です。

forEach()配列の最初から最後まで走査し、各要素に対して指定された関数を呼び出します

indexOf()

最初から最後まで取得し、配列内の指定された要素のインデックスを返します

join ()

配列のすべての要素を文字列に入れます。指定した区切り文字で要素を区切ります

lastIndexO

f()

map()

元の配列の要素ごとに指定された関数を呼び出したときの戻り値を格納する新しい配列を作成します

pop()

配列の最後の要素を削除して返します

push()

1 つ以上の要素を配列の末尾に追加し、新しい長さを返します。

reduce()

配列内の 2 つの値に関数を同時に適用して (最初から最後まで)

reduceそうですね

reverse()

配列内の要素の順序を反転します

shift()

配列の最初の要素を削除して返す

slice() 既存の配列からの選択を返す特定の要素some()

指定された関数を配列要素に適用して、1つの返品値のみがtrueで、それ以外の場合はfalse

tosourceを返します。 ()

オブジェクトのソースコードを返す

sort()

配列内の要素を並べ替える

スプライス ()

配列内の要素を挿入または削除します

toString()

配列を文字列に変換し、結果を返します

シフト解除()

配列の先頭に 1 つ以上の要素を追加し、新しい配列の長さを返します

5. Date オブジェクト

Date オブジェクトは JavaScript 言語で構築されています-in データ型。 Date オブジェクトは、以下に示すように new Date() を使用して作成されます。

Date オブジェクトを作成したら、多くのメソッドを使用してそれを操作できます。ほとんどのメソッドでは、オブジェクトの年、月、日、時、分、秒、およびミリ秒のフィールドを現地時間または協定世界時 (UTC、GMT) で取得および設定することのみが可能です。

ECMAScript 標準では、Date オブジェクトが 1970 年 1 月 1 日の前後 1 億日以内の任意の日付と時刻をミリ秒単位で表現できる必要があります。これはプラスまたはマイナス 273785 年の範囲であるため、JavaScript は 275755 年までの日付と時刻を表すことができます。

1. Date() コンストラクター

new Date()

new Date(ミリ秒)

新しい日付(日付文字列)

新しい日付(年、月、日[、時、分、秒、ミリ秒])

パラメータの説明:

引数なし: パラメータがない場合、Date() コンストラクターは日付オブジェクトを作成し、それを現在の日付と時刻に設定します。

ミリ秒: パラメータとして数値を渡す場合、日付のミリ秒を表す内部数値として、また getTime() メソッドの戻り値のミリ秒として使用されます。たとえば、パラメータ 5000 を渡すと、1970 年 1 月 1 日の午前 0 時 5 秒を表す日付オブジェクトが作成されます。

  • datestring: 文字列をパラメーターとして渡す場合、それは日付形式の文字列、つまり Date.parse() メソッドで受信できる形式である必要があります。

  • 7 引数: 上記のコンストラクターの最後の形式について、各パラメーターの説明を次に示します:

year: 年を表す整数。互換性を保つため (Y2K 問題を避けるため)、年は 98 ではなく 1998 をそのまま指定する必要があります。

month: 月を表す整数。 0 (1 月を意味する) から 11 (12 月を意味する) まで始まります。

  1. date: 月の特定の日を表す整数。

  2. hour: 1 日の時間を表す整数 (24 時間時計)。

  3. minutes: 時間カウントの分単位を表す整数。

  4. sec: 時間カウントの 2 番目のフラグメントを表す整数。

  5. ミリ秒: 時間カウントのミリ秒の断片を表す整数。

2. 日付属性

プロパティ 説明

コンストラクター

オブジェクトを作成した関数への参照を返します。

プロトタイプ

プロトタイプ プロパティを使用すると、オブジェクトのプロパティとメソッドを追加できます

3. Dateメソッド

現地時間に従って Date オブジェクトの秒を設定します (0 ~ 59) 現地時間に従って Date オブジェクトをミリ秒単位で設定します 値()
Method Description

Date()

日付と時刻を返します

getDate ()

現地時間に基づいてDateオブジェクトから日付(1~31)を返します

getDay()

曜日を返します現地時間に基づいて Date オブジェクトから特定の日 (1 ~ 6)

getFull Year()

Date オブジェクトから現地時間に基づいて年を 4 桁の数値で返します

getH ours()

現地時間に基づいてDateオブジェクトの時間を返します(0~23)

getMilli秒()

現地時間に基づいて Date オブジェクトのミリ秒 (0 ~ 999) を返します

getMinutes()

現地時間に基づいて Date オブジェクトの分 (0 ~ 59) を返します

getMonth()

Dateオブジェクトから現地時間に従って月を返します(1~11)

getSeconds()

戻る現地時間に基づく Date オブジェクトの秒数 (0 ~ 59)

getTime()

現地時間に基づいて 1970 年 1 月 1 日からのミリ秒数を返します

getTimezoneOffset()

現地時間とグリニッジ標準時(GMT)の差分の分を返します

getUTCDate()

月の日を返します (世界時をベースにしたDateオブジェクトから1~31)を返します

getUTCDay()

世界時をベースにしたDateオブジェクトから曜日(0~6)を返します

getUTCFul Year()

世界時に基づいて Date オブジェクトから 4 桁の年を返します

getUTCHours()

世界時に基づいて Date オブジェクトの時間 (0 ~ 23) を返します

getUTCミリ秒

s()

世界時 (0 ~ 999) に基づいて Date オブジェクトのミリ秒を返します。

getUTCMinutes()

世界時 (0 ~ 999) に基づいて Date オブジェクトの分を返します。 59)

getutcmonth()

日付オブジェクトの普遍的時間秒(0〜59)に従って、日付オブジェクトから月(0〜11)を返します

get Year()

非推奨となり、現地時間に基づいて指定された日付を返します。代わりに getFull Year() を使用してください。

setDate()

Dateオブジェクトに日付を設定します(1~31)

setFull Year()

セット現地時間に応じた Date オブジェクトの年 (4 桁)

setHours()

現地時間に応じて Date オブジェクトの時間 (0 ~ 23) を設定します

setMilliseconds()

現地時間に従ってDateオブジェクトのミリ秒(0~999)を設定します

setMinutes()

を設定します現地時間に応じたDateオブジェクト 分(0〜59)

setMonth()

現地時間に基づいてDateオブジェクトの月(0〜11)を設定 setSeconds()

setTime()

setUTCDate()

Dateオブジェクトに世界時に従って日付(1~31)を設定

setUTCFul Year()

Dateに年(4桁)を設定世界時に従ってオブジェクト

setUTCHours()

世界時に従って Date オブジェクトの時間 (0 ~ 23) を設定します

setUTCMイリセカンド

s()

世界時に従ってDateオブジェクトのミリ秒(0〜999)を設定します

setUTCMinutes()

(0~ 59) 世界時に従って Date オブジェクトに

setUTCMonth()

世界時に従って Date オブジェクトに月 (0 ~ 11) を設定します

setUTCSeconds()

世界時に従って設定 Date オブジェクトの秒 (0 ~ 59)

set Year()

De事前に設定されており、指定された値に設定されています現地時間による日付。代わりに setFullyear() を使用してください。

toDateString()

Dateオブジェクトの日付部分を文字列に変換します

toGMTString()

非推奨、日付を変換します文字列の場合は、インターネット GMT 規則を使用します。代わりに toUTCString() を使用してください。

toLocalDateString()

Date オブジェクトの日付部分を現地時間形式に従って文字列に変換します

toLocalFormat( )

フォーマット文字列を使用して、日付を文字列に変換します。

toLocalString()

Dateオブジェクトを現地時間形式に従って文字列に変換します

toLocalTimeString()

地元によるとtime format 、Date オブジェクトの時刻部分を文字列

toSource() に変換します

同等の日付オブジェクトのソース コードを表す文字列を返します。この値を使用して新しいオブジェクトを作成できます。

toString() Date オブジェクトを変換します。 Date オブジェクトの時間部分を文字列に変換します

toTimeString()

世界時に従って、Date オブジェクトを文字列に変換します

Dateオブジェクトの元の値を返す

Date静的メソッド

メソッド

Date.parse ()

1970 年 1 月 1 日の午前 0 時から指定された日付 (文字列) 他のグローバル オブジェクトとは異なり、Math はコンストラクターではありません。 Math のすべてのプロパティとメソッドは静的であり、Math を作成せずにオブジェクトとして使用することで、そのすべてのプロパティとメソッドを呼び出すことができます。
UTC()

までのミリ秒数を返します。

返品世界時を基準とした 1970 年 1 月 1 日から指定された日付までのミリ秒数

6. Arithmetic オブジェクト

Math オブジェクトが提供されます。数学定数のプロパティ、メソッド、および関数用です。

したがって、定数 pi を Math.PI として定義することも、sin 関数 Math.sin(x) を呼び出すこともできます (x はメソッドのパラメーター)。

1. 使い方は簡単

var pi_val = Math.PI;

var sine_val = Math.sin(30);

2、数学属性

属性 説明

E = 2.718)

LN2

2 の自然対数を返します(約 0.693 に等しい)

LN10

10 の自然対数を返します (約 2.302 に等しい)

LOG2E

を返します底 2 の対数 (約 1.414 に等しい)

LOG10E

底 10 の対数 (約 0.434 に等しい) を返します

PI

pi (約 3.14159 に等しい) を返します。

SQRT2

2の平方根を返します(1.414にほぼ等しい)

3. Mathメソッド

min() パウ() tan() toSource()
メソッド 説明

abs()

番号

acos()

数値の逆余弦を返します

asin()

数値の逆正弦を返します

あーたん()

x の逆正接を -PI/2 ラジアンと PI/2 ラジアンの間の値として返します

atan2()

x- からの値を返しますへの軸点 ( x,y) (-PI/2 と PI/2 ラジアンの間)

ceil()

対数を四捨五入する

コス( )

数値のコサインを返します

exp()

eの指数を返します

フロア()

対数を切り捨てる

log()

数値の自然対数を返す(底はe)

マックス() x と y の間の最大値を返します

x と y の間の最小値を返します

round()のy乗を返します

数値を最も近い整数に四捨五入します

sin()

数値の正弦を返します

sqort() 数値の平方根を返します

角度の正接を返します

オブジェクトのソースコードを返します

関連する推奨事項:

js に基づいた DOM 内のドキュメント オブジェクトの一般的な属性メソッドの詳細な説明

JS はオブジェクトに属性を動的に追加するメソッドを実装します

以上がjsでよく使われるオブジェクトは何ですか? jsオブジェクトのプロパティとメソッドを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。