目次
1. Number オブジェクトを作成します" >1. Number オブジェクトを作成します
数値属性" >数値属性
3. 数値メソッド" >3. 数値メソッド
2、ブール属性" >2、ブール属性
Stringオブジェクトを作成します" >Stringオブジェクトを作成します
2. 文字列属性" >2. 文字列属性
4. 配列オブジェクト
1. Array オブジェクトを作成します" >1. Array オブジェクトを作成します
配列属性" >配列属性
new Date(ミリ秒)" >new Date(ミリ秒)
2. 日付属性
したがって、定数 pi を Math.PI として定義することも、sin 関数 Math.sin(x) を呼び出すこともできます (x はメソッドのパラメーター)。 " > したがって、定数 pi を Math.PI として定義することも、sin 関数 Math.sin(x) を呼び出すこともできます (x はメソッドのパラメーター)。
ホームページ ウェブフロントエンド jsチュートリアル jsでよく使われるオブジェクトは何ですか? jsオブジェクトのプロパティとメソッドを詳しく解説

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

Aug 08, 2018 pm 03:50 PM

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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? 独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか? Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか? Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:16 PM

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? ソースマップを使用して、マイナイドJavaScriptコードをデバッグするにはどうすればよいですか? Mar 18, 2025 pm 03:17 PM

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

chart.js:パイ、ドーナツ、バブルチャートを始めます chart.js:パイ、ドーナツ、バブルチャートを始めます Mar 15, 2025 am 09:19 AM

このチュートリアルでは、chart.jsを使用してパイ、リング、およびバブルチャートを作成する方法について説明します。以前は、4つのチャートタイプのchart.js:ラインチャートとバーチャート(チュートリアル2)、およびレーダーチャートと極地域チャート(チュートリアル3)を学びました。 パイとリングチャートを作成します パイチャートとリングチャートは、さまざまな部分に分かれている全体の割合を示すのに理想的です。たとえば、パイチャートを使用して、サファリの男性ライオン、女性ライオン、若いライオンの割合、または異なる候補者が選挙で受け取る票の割合を示すことができます。 パイチャートは、単一のパラメーターまたはデータセットの比較にのみ適しています。パイチャートのファンの角度はデータポイントの数値サイズに依存するため、パイチャートは値のあるエンティティをゼロ値で描画できないことに注意してください。これは、割合がゼロのエンティティを意味します

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

See all articles