JavaScript常用本地物件小結_javascript技巧-js教程-PHP中文網

1. JavaScript はオブジェクト指向プログラミング言語です

カプセル化: 関連情報 (データまたはメソッド) をオブジェクトに保存する機能

集約: 1 つのオブジェクトを別のオブジェクト内に格納する機能

継承: クラスのプロパティとメソッドを別のクラス (または複数のクラス) から取得する機能。

ポリモーフィズム: 複数の形式で実行できる関数またはメソッドを作成する機能

2. 配列オブジェクト

値の範囲を保存するには、個別の変数名を使用します。

2.1 配列オブジェクトの作成

var aValues = new Array();
var aValues = new Array(25);
var aColors = new Array("red","green","blue");
alert(aColors[1]);//输出green
aColors[0] = "white"; //修改第一个元素的值
var aColors = new Array();
aColors[0] = "red";
aColors[1] = "green";
aColors[2] = "blue";

登入後複製

2.2 リテラルを使用して配列を作成する

var aColors = ["red","green","blue"];
aColors[3]="black";

登入後複製

2.3 配列の長さ

var aColors = new Array("red","green","blue“);
alert(aColors.length);//输出3 
var aColors = new Array("red","green","blue“);
alert(aColors.length);//输出3
aColors[20]="black";
alert(aColors.length);//输出21
alert(aColors[3]);//输出undefined

登入後複製

2.4 配列トラバーサル

var subjects=["html/css/js","Web form","ajax","N-Tiers","oracle"];
for(var i=0;i<subjects.length;i++){
alert(subjects[i]);
} 
var subjects=["html/css/js","Web form","ajax","N-Tiers","oracle"];
for(var index in subjects){
alert(subjects[index]);
}

登入後複製

2.5 配列の属性とメソッド

length は、配列内の要素の数を設定または返します。

join() は、指定された区切り文字を使用して、配列のすべての要素を文字列に連結します。

reverse() は、配列内の要素の順序を逆にします。

sort() は配列の要素を並べ替えます

arrayObject.sort(sortby)

パラメータはオプションです。並べ替えルールを指定します。関数である必要があります。

戻り値は配列への参照です。配列は元の配列に基づいてソートされ、コピーは作成されないことに注意してください。

カスタマイズされた並べ替えルール

他の基準で並べ替えたい場合は、2 つの値を比較し、2 つの値の相対的な順序を表す数値を返す比較関数を提供する必要があります。

比較関数には 2 つのパラメーター a と b が必要で、その戻り値は次のとおりです。a が b より小さい場合、a はソートされた配列内で b より前に表示され、0 より小さい値を返します。 a が b と等しい場合、0 を返します。 a が b より大きい場合、0 より大きい値を返します。

concat(配列配列)

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

配列スライス(開始番号,終了番号)

既存の配列から選択された要素を返します

varmessages4 =messages3.slice(0, 5);

splice() は要素を削除し、新しい要素を配列に追加します。

messages4.splice(0, 2, "dddd"); //0は削除を開始する要素の位置を示し、2は削除の長さを示し、追加される要素はddddで、削除位置に
を追加します

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

pop() は配列の最後の要素を削除して返します

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

shift() は配列の最初の要素を削除して返します

2.6 配列の応用

var messages = new Array("","","");
messages[0] = "beijing";
messages[1] = "shanghai";
messages[2] = "zhejiang";
messages[3] = "hunan";
for ( var index in messages) {
document.writeln("遍历数组");
document.write(messages[index]);
document.write("<br>");
}
var s = messages.join(',');
document.writeln("join数组");
document.write(s);
document.write("<br>");
messages.reverse();
for ( var index in messages) {
document.writeln("倒序后");
document.write(messages[index]);
document.write("<br>");
}
messages.sort();
for ( var index in messages) {
document.writeln("排序后");
document.write(messages[index]);
document.write("<hr>");
}
var messages2 = ["a","c","b"];
var messages3 = messages.concat(messages2);
for ( var index in messages3) {
document.writeln("合并后");
document.write(messages3[index]);
document.write("<hr>");
}
var messages4 = messages3.slice(0, 5);
for ( var index in messages4) {
document.writeln("选择slice(0,5)后");
document.write(messages4[index]);
document.write("<hr>");
}

登入後複製

上記のコードの出力結果は次のとおりです:

配列北京を走査

配列上海を走査する

配列 zhejiang を走査する

配列 hunan を走査します

配列北京、上海、浙江、湖南を結合

逆順の湖南

逆順浙江後

逆順上海後

逆順後の北京

北京を並べ替えた後

湖南の仕分け後

上海の仕分け後

浙江省の仕分け後

合併後の北京

湖南市合併後

上海合併後

浙江省合併後

マージ後

マージ後 b

スライス(0,5)を選択した後、北京

スライス(0,5)湖南を選択した後

slice(0,5) 上海を選択した後

slice(0,5) 浙江を選択した後

slice(0,5) a を選択した後

3. 日付オブジェクト

Date オブジェクトは、日付と時刻を取得して処理するために使用されます。

3.1 日付の定義

var myDate=new Date() ;
var myDate=new Date(2009 , 7 , 20); //2009-08-20 
var myDate=new Date(2009 , 7 , 20 , 16, 40 ,58, 999); //依次表示年月日时分秒毫秒

登入後複製

3.2日期对象的方法

3.2.1toXXX方法组

toString() 把 Date 对象转换为字符串。

toTimeString()

把 Date 对象的时间部分转换为字符串。

toDateString()

把 Date 对象的日期部分转换为字符串。

toGMTString() 根据格林尼治时间，把 Date 对象转换为字符串。

toUTCString() 根据世界时，把 Date 对象转换为字符串。

toLocaleString()

把 Date 对象转换为本地时间格式字符串。

toLocaleTimeString()

把 Date 对象的时间部分转换为本地时间格式字符串

toLocaleDateString()

把 Date 对象的日期部分转换为本地时间格式字符串

3.2.2getXXX方法组

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)

getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)

getMonth() 从 Date 对象返回月份 (0 ~ 11)

getFullYear() 从 Date 对象以四位数字返回年份

getYear() 从 Date 对象以两位或四位数字返回年份。

getHours() 返回 Date 对象的小时 (0 ~ 23)

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)

getSeconds() 返回 Date 对象的秒数 (0 ~ 59))

getMilliseconds()

返回 Date 对象的毫秒(0 ~ 999)

getTime() 返回 1970 年 1 月 1 日至今的毫秒数

3.2.3setXXX方法组

setDate() 设置 Date 对象中月的某一天 (1 ~ 31))

setMonth() 设置 Date 对象中月份 (0 ~ 11))

setFullYear() 设置 Date 对象中的年份（四位数字）

setYear() 设置 Date 对象中的年份（两位或四位数字）。

setHours() 设置 Date 对象中的小时 (0 ~ 23)

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)

setMilliseconds()

设置 Date 对象中的毫秒 (0 ~ 999)

setTime() 通过向时间原点添加或减去指定毫秒数来计算日期和时间

四、String对象

String对象表示Unicode字符的序列。

String 对象的 length 属性声明了该字符串中的字符数。

String 类定义了大量操作字符串的方法。

4.1属性

length 字符串的长度

4.2与字符串格式控制相关的方法

big()、small() 用大号字体、小字号体显示字符串。

bold() 使用粗体显示字符串。

italics() 使用斜体显示字符串。

strike() 使用删除线来显示字符串。

fontcolor() 使用指定的颜色来显示字符串。

fontsize() 使用指定的尺寸来显示字符串。

sub()、sup() 把字符串显示为下标、上标。

toLowerCase()、toUpperCase()

把字符串转换为小写、大写。

fixed() 以打字机文本显示字符串。

link() 将字符串显示为链接。

anchor() 创建 HTML 锚。

4.3与字符串内容操作相关的方法

charAt() 返回在指定位置的字符。

charCodeAt() 返回在指定的位置的字符的 Unicode 编码。

concat() 连接字符串。

fromCharCode()

从字符编码创建一个字符串。

indexOf()、lastIndexOf()

从前向后检索字符串。从后向前搜索字符串。

localeCompare()

用本地特定的顺序来比较两个字符串。

match() 找到一个或多个正在表达式的匹配。

replace()、search()

替换、检索与正则表达式匹配的子串。

slice() 提取字符串的片断。

split() 把字符串分割为字符串数组。

substr() 从起始索引号提取字符串中指定数目的字符。

substring() 提取字符串中两个指定的索引号之间的字符。

4.4应用

var strings = new String("AbcDEfG");
document.write("strings中的字符串值：");
document.write(strings);
document.write('<hr>');
document.write("strings.big()大号字体显示：");
document.write(strings.big());
document.write('<hr>');
document.write("strings.small()小号字体显示：");
document.write(strings.small());
document.write('<hr>');
document.write("strings.bold()粗体显示：");
document.write(strings.bold());
document.write('<hr>');
document.write("strings.italics()斜体显示：");
document.write(strings.italics());
document.write('<hr>');
document.write("strings.strike()删除线显示：");
document.write(strings.strike());
document.write('<hr>');
document.write("strings.fontcolor('green')指定颜色显示：");
document.write(strings.fontcolor('green'));
document.write('<hr>');
document.write("strings.fontsize(10)指定大小显示：");
document.write(strings.fontsize(10));
document.write('<hr>');
document.write("strings.sub()下标显示：");
document.write("123"+ strings.sub());
document.write('<hr>');
document.write("strings.sup()上标显示：");
document.write("123"+strings.sup());
document.write('<hr>');
document.write("strings.toLocaleLowerCase()小写显示：");
document.write(strings.toLocaleLowerCase());
document.write('<hr>');
document.write("strings.toLocaleUpperCase()大写显示：");
document.write(strings.toLocaleUpperCase());
document.write('<hr>');
document.write("strings.fixed()打字机文本显示：");
document.write(strings.fixed());
document.write('<hr>');
document.write("strings.link()链接显示：");
document.write(strings.link());
document.write('<hr>');
document.write("strings.anchor()创建HTML锚显示：");
document.write(strings.anchor());
document.write('<hr>');
document.write("strings.charAt(2)返回指定位置的字符：");
document.write(strings.charAt(2));
document.write('<hr>');
document.write("strings.charCodeAt(2)返回指定位置的字符的unicode编码：");
document.write(strings.charCodeAt(2));
document.write('<hr>');
document.write("strings.concat('higkL')连接字符串：");
document.write(strings.concat("higkL"));
document.write('<hr>');
document.write("String.fromCharCode(98)静态方法从字符编码创建一个字符串：");
document.write(String.fromCharCode(98));
document.write('<hr>');
document.write("strings.indexOf('G', 1)从指定1处开始从前向后检索字符，返回一个位置值：");
document.write(strings.indexOf('G', 1));
document.write('<hr>');
document.write("strings.lastIndexOf('G', 1)从指定1处开始从后向前检索字符，找不到指定字符位置返回-1.返回一个位置值：");
document.write(strings.lastIndexOf('G', 1));
document.write('<hr>');
document.write("strings.localeCompare('ABcdEfG')：'ABcdEfG'从第0个位置开始比较'AbcDEfG'，如果两个字符串完全相同返回0，被比较的字符串ASSIC码值要小，则返回-1，大则返回1。用本地特定的顺序来比较两个字符串:");
document.write(strings.localeCompare("ABcdEfG"));
document.write('<hr>');
document.write("strings.match('[a-z]{2}')：'AbcDEfG'，返回值为bc，表示匹配到了。匹配不到返回null。找到一个或多个正则表达式的匹配:");
document.write(strings.match('[a-z]{2}'));
document.write('<hr>');
document.write("strings.search('[a-z]')：'AbcDEfG'，返回值为下标1，表示检索到了。匹配不到返回-1。找到一个或多个正则表达式的匹配:");
document.write(strings.search('[a-z]'));
document.write('<hr>');
document.write('strings.slice(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：');
document.write(strings.slice(2, 3));
document.write('<hr>');
document.write('strings.substring(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：');
document.write(strings.substring(2, 3));
document.write('<hr>');
以上代码输出为
strings中的字符串值：AbcDEfG
strings.big()大号字体显示：AbcDEfG
strings.small()小号字体显示：AbcDEfG
strings.bold()粗体显示：AbcDEfG
strings.italics()斜体显示：AbcDEfG
strings.strike()删除线显示：AbcDEfG
strings.fontcolor('green')指定颜色显示：AbcDEfG
strings.fontsize(10)指定大小显示：AbcDEfG
strings.sub()下标显示：123AbcDEfG
strings.sup()上标显示：123AbcDEfG
strings.toLocaleLowerCase()小写显示：abcdefg
strings.toLocaleUpperCase()大写显示：ABCDEFG
strings.fixed()打字机文本显示：AbcDEfG
strings.link()链接显示：AbcDEfG
strings.anchor()创建HTML锚显示：AbcDEfG
strings.charAt(2)返回指定位置的字符：c
strings.charCodeAt(2)返回指定位置的字符的unicode编码：99
strings.concat('higkL')连接字符串：AbcDEfGhigkL
String.fromCharCode(98)静态方法从字符编码创建一个字符串：b
strings.indexOf('G', 1)从指定1处开始从前向后检索字符，返回一个位置值：6
strings.lastIndexOf('G', 1)从指定1处开始从后向前检索字符，找不到指定字符位置返回-1.返回一个位置值：-1
strings.localeCompare('ABcdEfG')：'ABcdEfG'从第0个位置开始比较'AbcDEfG'，如果两个字符串完全相同返回0，被比较的字符串ASSIC码值要小，则返回-1，大则返回1。用本地特定的顺序来比较两个字符串:-1
strings.match('[a-z]{2}')：'AbcDEfG'，返回值为bc，表示匹配到了。匹配不到返回null。找到一个或多个正则表达式的匹配:bc
strings.search('[a-z]')：'AbcDEfG'，返回值为下标1，表示检索到了。匹配不到返回-1。找到一个或多个正则表达式的匹配:1
strings.slice(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：c
strings.substring(2, 3)参数1表示开始位置，参数2表示结束位置，不包括该位置。提取字符串：c

登入後複製

5. 数学オブジェクト

Math オブジェクトは、数学的定数を表す多くの静的な読み取り専用プロパティと、数学的演算を実行するための静的メソッドを含む数学ツールです。

E 定数 e、自然対数の底 (2.718 にほぼ等しい)

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

LN10 は 10 の自然対数 (2.302 にほぼ等しい) を返します

LOG2E は e の底 2 の対数 (約 1.414) を返します

LOG10E は e の 10 を底とする対数 (約 0.434) を返します

PI は pi (3.14159 にほぼ等しい) を返します

SQRT1_2 は、2 を 1 で割った平方根を返します (約 0.707)

SQRT2 は 2 の平方根 (約 1.414) を返します

abs(x) は数値の絶対値を返します

cos(x)、acos(x)

数値のサイン値とアークコサイン値を返します

sin(x)、asin(x)

数値の正弦値と逆正弦値を返します

タン(x)、アタン(x)

角度の正接を返し、-PI/2 と PI/2 の間のラジアン数の逆正接を返します

atan2(y,x) は、x 軸から点 (x,y) までの角度を返します

天井(x)、床(x)

数値を切り上げます。数値を切り捨てます。

exp(x), log(x) は e の指数を返します。数値の自然対数 (底 e) を返します

最大(x,y)、最小(x,y)

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

pow(x,y) は x の y 乗を返します

random() は 0 ～ 1 の範囲の乱数を返します

round(x) は数値を最も近い整数に丸めます

sqrt(x) は数値の平方根を返します

6. グローバルオブジェクト

グローバルオブジェクトは、JavaScript のグローバル関数およびグローバルプロパティのプレースホルダーとして機能する事前定義されたオブジェクトです。

グローバルオブジェクトを使用すると、他のすべての定義済みオブジェクト、関数、プロパティにアクセスできます。
グローバルオブジェクトはオブジェクトのプロパティではないため、名前がありません。コンストラクターも新しいグローバルオブジェクトをインスタンス化する機能も持たず、そのメンバーはすべて静的です。

6.1 グローバルプロパティ

無限大は正の無限大の値を表します。

NaN は、値が数値であるかどうかを示します。

未定義は未定義の値を示します。

6.2 グローバル関数

decodeURI() は、エンコードされた URI をデコードします。

decodeURIComponent()

エンコードされた URI コンポーネントをデコードします。

encodeURI() 文字列を URI にエンコードします。

encodeURIComponent()

文字列を URI コンポーネントにエンコードします。
eval() は文字列を評価し、スクリプトコードとして実行します。

isFinite() は、値が有限数であるかどうかをチェックします。

isNaN() は、値が数値かどうかをチェックします。

isNaN() 関数は通常、parseFloat() と parseInt() の結果を検出し、それらが有効な数値を表しているかどうかを判断するために使用されます。もちろん、isNaN() 関数を使用して、0 を除数として使用するなどの算術エラーを検出することもできます。

parseFloat() は文字列を解析し、浮動小数点数を返します。

parseInt() は文字列を解析し、整数を返します。

7. 概要

JavaScript は、オブジェクトをカスタマイズする機能を備えたオブジェクト指向言語です。同時に、ECMAScript のローカルオブジェクトを含む既存のオブジェクトと、ホストがブラウザオブジェクトのセットと Web ページによって提供されるオブジェクトを提供するブラウザ実行環境に基づいてプログラムできます。

ローカルオブジェクトは、ECMAScript によって提供される参照型のセットであり、ECMAScript によって実装されるオブジェクトであり、特定のスクリプトホストとは関係ありません。
配列オブジェクトは実際には動的な長さを持つコレクションであり、長さ属性と、並べ替え、反転、結合などのメソッドが含まれています。

日付オブジェクトは特定の瞬間を表します。コンストラクターを通じてブラウザーのシステム時刻を取得したり、特定の日付と時刻を指定したりできます。これには、日付オブジェクト内の情報の特定の部分を取得するために使用できる一連の get メソッドが含まれています。また、そのコンストラクターを使用することもできます。 get メソッドのセットを使用して日付オブジェクトを変更することも、to メソッドのセットを通じて日付オブジェクトの文字列形式を取得することもできます。

文字列オブジェクトは、0 個以上の Unicode 文字のシーケンスを表します。これには、length 属性、形式変換のためのメソッドのセット、および文字を操作するためのメソッドが含まれます。

グローバルオブジェクトには、オブジェクトを参照せずに直接使用できる一連のグローバルプロパティとグローバル関数が含まれています。

数学オブジェクトには、いくつかの数学定数を表すために使用される一連の静的な読み取り専用プロパティと、一般的な数学演算を実装するために使用される一連の静的メソッドが含まれています。

このエディターは、JavaScript でよく使用されるローカルオブジェクトの概要を紹介します。お役に立てば幸いです。