JavaScript常用本地对象小结_javascript技巧

一、javascript是面向对象的编程语言

封装：把相关的信息(无论数据或方法)存储在对象中的能力

聚集：把一个对象存储在另一个对象内的能力

继承：由另一个类(或多个类)得来类的属性和方法的能力。

多态：编写能以多种形态运行的函数或方法的能力

二、Array对象

使用单独的变量名来存储一系列的值。

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使用字面量创建Array

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)

参数为可选的。规定排序规则。必须是函数。

返回值为对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

自定义排序规则

如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。

比较函数应该具有两个参数 a 和 b，其返回值如下：若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。若 a 等于 b，则返回 0。 若 a 大于 b，则返回一个大于 0 的值。

concat(Array array)

连接两个或更多的数组，并返回结果。

Array slice(Number start,Number end)

从某个已有的数组返回选定的元素

var messages4 = messages3.slice(0, 5);

splice() 删除元素，并向数组添加新元素。

messages4.splice(0, 2, "dddd"); //0表示开始删除的元素位置，2表示删除的长度，添加的元素为dddd，在删除位置添加

push() 向数组的末尾添加一个或更多元素，并返回新的长度。

pop() 删除并返回数组的最后一个元素

unshift() 向数组的开头添加一个或更多元素，并返回新的长度。

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>");
}

以上代码输出结果为：

遍历数组 beijing

遍历数组 shanghai

遍历数组 zhejiang

遍历数组 hunan

join数组 beijing,shanghai,zhejiang,hunan

倒序后 hunan

倒序后 zhejiang

倒序后 shanghai

倒序后 beijing

排序后 beijing

排序后 hunan

排序后 shanghai

排序后 zhejiang

合并后 beijing

合并后 hunan

合并后 shanghai

合并后 zhejiang

合并后 a

合并后 c

合并后 b

选择slice(0,5)后 beijing

选择slice(0,5)后 hunan

选择slice(0,5)后 shanghai

选择slice(0,5)后 zhejiang

选择slice(0,5)后 a

三、Date对象

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. Mathe-Objekt

Das Math-Objekt ist ein mathematisches Werkzeug, das viele statische schreibgeschützte Eigenschaften enthält, die mathematische Konstanten und statische Methoden zur Durchführung mathematischer Operationen darstellen.

E-Konstante e, die Basis des natürlichen Logarithmus (ungefähr gleich 2,718)

LN2 gibt den natürlichen Logarithmus von 2 zurück (ungefähr gleich 0,693)

LN10 gibt den natürlichen Logarithmus von 10 zurück (ungefähr gleich 2,302)

LOG2E gibt den Logarithmus zur Basis 2 von e (ungefähr 1,414) zurück

LOG10E gibt den Logarithmus zur Basis 10 von e (ungefähr 0,434) zurück

PI gibt Pi zurück (ungefähr gleich 3,14159)

SQRT1_2 gibt die Quadratwurzel von 2 dividiert durch 1 (ungefähr 0,707) zurück

SQRT2 gibt die Quadratwurzel von 2 (ungefähr 1,414) zurück

abs(x) gibt den absoluten Wert der Zahl zurück

cos(x), acos(x)

Gibt die Sinus- und Arkuskosinuswerte der Zahl zurück

sin(x), asin(x)

Gibt die Sinus- und Arkussinuswerte der Zahl zurück

tan(x), atan(x)

Gibt den Tangens des Winkels und den Arkustangens der Anzahl der Bogenmaße zwischen -PI/2 und PI/2 zurück

atan2(y,x) gibt den Winkel von der x-Achse zum Punkt (x,y) zurück

Decke(x)、Boden(x)

Runden Sie eine Zahl auf. Runden Sie eine Zahl ab.

exp(x), log(x) gibt den Exponenten von e zurück. Gibt den natürlichen Logarithmus der Zahl (Basis e)
zurück

max(x,y), min(x,y)

Gibt den höchsten Wert zwischen x und y zurück

pow(x,y) gibt x hoch zur y-Potenz zurück

random() gibt eine Zufallszahl zwischen 0 und 1 zurück

round(x) rundet eine Zahl auf die nächste ganze Zahl

sqrt(x) gibt die Quadratwurzel der Zahl zurück

6. Globales Objekt

Globale Objekte sind vordefinierte Objekte, die als Platzhalter für die globalen Funktionen und globalen Eigenschaften von JavaScript dienen.

Durch die Verwendung des globalen Objekts kann auf alle anderen vordefinierten Objekte, Funktionen und Eigenschaften zugegriffen werden.
Das globale Objekt ist keine Eigenschaft eines Objekts und hat daher keinen Namen. Es verfügt weder über einen Konstruktor noch über die Fähigkeit, ein neues globales Objekt zu instanziieren, und alle seine Mitglieder sind statisch.

6.1 Globale Eigenschaften

Unendlich stellt einen positiven Unendlichkeitswert dar.

NaN gibt an, ob ein Wert ein numerischer Wert ist.

undefiniert gibt einen undefinierten Wert an.

6.2 Globale Funktionen

decodeURI() dekodiert einen codierten URI.

decodeURIComponent()

Dekodieren Sie eine kodierte URI-Komponente.

encodeURI() Codiert einen String in einen URI.

encodeURIComponent()

Kodieren Sie eine Zeichenfolge in eine URI-Komponente.
eval() wertet einen String aus und führt ihn als Skriptcode aus.

isFinite() prüft, ob ein Wert eine endliche Zahl ist.

isNaN() prüft, ob ein Wert eine Zahl ist.

Die Funktion isNaN() wird normalerweise verwendet, um die Ergebnisse von parseFloat() und parseInt() zu erkennen und festzustellen, ob sie zulässige Zahlen darstellen. Natürlich können Sie die Funktion isNaN() auch verwenden, um Rechenfehler zu erkennen, z. B. die Verwendung von 0 als Teiler.

parseFloat() analysiert einen String und gibt eine Gleitkommazahl zurück.

parseInt() analysiert einen String und gibt eine Ganzzahl zurück.

7. Zusammenfassung

JavaScript ist eine objektorientierte Sprache mit der Möglichkeit, Objekte anzupassen. Gleichzeitig kann es auf der Grundlage vorhandener Objekte, einschließlich lokaler Objekte von ECMAScript, und der Browser-Laufumgebung programmiert werden, da der Host eine Reihe von Browserobjekten und von Webseiten bereitgestellten Objekten bereitstellt.

Lokale Objekte sind eine Reihe von Referenztypen, die von ECMAScript bereitgestellt werden. Dabei handelt es sich um einige von ECMAScript implementierte Objekte, die nichts mit einem bestimmten Skripthost zu tun haben.
Das Array-Objekt ist eigentlich eine Sammlung mit dynamischer Länge, die Längenattribute und Methoden wie Sortieren, Umkehren und Spleißen enthält.

Ein Datumsobjekt repräsentiert einen bestimmten Zeitpunkt. Sie können die Systemzeit des Browsers über seinen Konstruktor abrufen oder ein bestimmtes Datum und eine bestimmte Uhrzeit angeben. Es enthält eine Reihe von Get-Methoden, mit denen bestimmte Teile der Informationen im Datumsobjekt abgerufen werden können Satz von Get-Methoden, um das Datumsobjekt zu ändern oder die Zeichenfolgenform des Datumsobjekts über seinen Satz von To-Methoden abzurufen.

Ein String-Objekt stellt eine Folge von 0 oder mehr Unicode-Zeichen dar. Es enthält das Längenattribut sowie eine Reihe von Methoden zur Formatkonvertierung und Methoden zum Bearbeiten von Zeichen.

Globale Objekte enthalten eine Reihe globaler Eigenschaften und globaler Funktionen, die direkt verwendet werden können, ohne auf Objekte zu verweisen.

Mathematische Objekte enthalten eine Reihe statischer schreibgeschützter Eigenschaften, die zur Darstellung einiger mathematischer Konstanten verwendet werden, sowie eine Reihe statischer Methoden, die zur Implementierung allgemeiner mathematischer Operationen verwendet werden.

Dieser Editor stellt Ihnen diese Zusammenfassung häufig verwendeter lokaler Objekte in JavaScript vor. Ich hoffe, sie wird Ihnen hilfreich sein!