Zusammenfassung häufig verwendeter lokaler Objekte in JavaScript_Javascript-Kenntnissen

1. JavaScript ist eine objektorientierte Programmiersprache

Kapselung: die Fähigkeit, relevante Informationen (ob Daten oder Methoden) in einem Objekt zu speichern

Aggregation: Die Fähigkeit, ein Objekt in einem anderen Objekt zu speichern

Vererbung: Die Fähigkeit, die Eigenschaften und Methoden einer Klasse von einer anderen Klasse (oder anderen Klassen) zu erhalten.

Polymorphismus: Die Fähigkeit, Funktionen oder Methoden zu schreiben, die in mehreren Formen ausgeführt werden können

2. Array-Objekt

Verwenden Sie separate Variablennamen, um einen Wertebereich zu speichern.

2.1 Array-Objekt erstellen

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 mit Literalen erstellen

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

2.3 Die Länge des Arrays

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 Array-Durchquerung

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 Array-Attribute und -Methoden

length legt die Anzahl der Elemente im Array fest oder gibt sie zurück.

join() verkettet alle Elemente des Arrays mithilfe des angegebenen Trennzeichens zu einer Zeichenfolge.

reverse() kehrt die Reihenfolge der Elemente in einem Array um.

sort() sortiert die Elemente des Arrays

arrayObject.sort(sortby)

Parameter sind optional. Sortierregeln festlegen. Muss eine Funktion sein.

Der Rückgabewert ist eine Referenz auf das Array. Bitte beachten Sie, dass das Array nach dem Original-Array sortiert wird und keine Kopie erstellt wird.

Benutzerdefinierte Sortierregeln

Wenn Sie nach anderen Kriterien sortieren möchten, müssen Sie eine Vergleichsfunktion bereitstellen, die zwei Werte vergleicht und eine Zahl zurückgibt, die die relative Reihenfolge der beiden Werte beschreibt.

Die Vergleichsfunktion sollte zwei Parameter a und b haben und ihr Rückgabewert lautet wie folgt: Wenn a kleiner als b ist, sollte a vor b im sortierten Array erscheinen und dann einen Wert kleiner als 0 zurückgeben. Wenn a gleich b ist, wird 0 zurückgegeben. Wenn a größer als b ist, wird ein Wert größer als 0 zurückgegeben.

concat(Array-Array)

Verketten Sie zwei oder mehr Arrays und geben Sie das Ergebnis zurück.

Array-Slice (Anfang der Zahl, Ende der Zahl)

Ausgewählte Elemente aus einem vorhandenen Array zurückgeben

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

splice() entfernt Elemente und fügt dem Array neue Elemente hinzu.

messages4.splice(0, 2, "dddd"); //0 gibt die Position des zu löschenden Elements an, 2 gibt die Länge des Löschvorgangs an, das hinzugefügte Element ist dddd, fügen Sie
an der Löschposition hinzu

push() fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die neue Länge zurück.

pop() entfernt das letzte Element des Arrays und gibt es zurück

unshift() fügt ein oder mehrere Elemente am Anfang des Arrays hinzu und gibt die neue Länge zurück.

shift() löscht das erste Element des Arrays und gibt es zurück

2.6 Anwendung von Arrays

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

Das Ausgabeergebnis des obigen Codes ist:

Durchqueren Sie das Array Peking

Durchqueren Sie das Array Shanghai

Durchqueren Sie das Array Zhejiang

Durchqueren Sie das Array Hunan

Treten Sie dem Array Peking, Shanghai, Zhejiang, Hunan bei

Nach umgekehrter Reihenfolge Hunan

Nach umgekehrter Reihenfolge Zhejiang

Nach umgekehrter Reihenfolge Shanghai

Peking nach umgekehrter Reihenfolge

Nach dem Sortieren von Peking

Nach dem Sortieren von Hunan

Nach der Sortierung in Shanghai

Nach dem Sortieren von Zhejiang

Peking nach der Fusion

Nach der Fusion Hunan

Nach der Fusion Shanghai

Nach der Fusion Zhejiang

Nach dem Zusammenführen a

Nach der Zusammenführung c

Nach der Zusammenführung b

Nach Auswahl von Slice(0,5), Peking

Nach Auswahl von Slice(0,5) hunan

Nach Auswahl von Slice(0,5) Shanghai

Nach Auswahl von Slice(0,5) Zhejiang

Nach Auswahl von Slice(0,5) a

3. Datumsobjekt

Datumsobjekte werden zum Abrufen und Verarbeiten von Datums- und Uhrzeitangaben verwendet.

3.1 Datum festlegen

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. Objet mathématique

L'objet Math est un outil mathématique qui contient de nombreuses propriétés statiques en lecture seule représentant des constantes mathématiques et des méthodes statiques pour effectuer des opérations mathématiques.

E constante e, la base des logarithmes naturels (approximativement égale à 2,718)

LN2 renvoie le logarithme népérien de 2 (environ égal à 0,693)

LN10 renvoie le logarithme népérien de 10 (environ égal à 2,302)

LOG2E renvoie le logarithme base 2 de e (environ 1,414)

LOG10E renvoie le logarithme base 10 de e (environ 0,434)

PI renvoie pi (approximativement égal à 3,14159)

SQRT1_2 renvoie la racine carrée de 2 divisée par 1 (environ 0,707)

SQRT2 renvoie la racine carrée de 2 (environ 1,414)

abs(x) renvoie la valeur absolue du nombre

cos(x), acos(x)

Renvoie les valeurs sinus et arc cosinus du nombre

péché(x), asin(x)

Renvoie les valeurs sinus et arc sinus du nombre

tan(x), atan(x)

Renvoie la tangente de l'angle et renvoie l'arctangente du nombre de radians entre -PI/2 et PI/2

atan2(y,x) renvoie l'angle de l'axe des x au point (x,y)

plafond(x)、sol(x)

Arrondissez un nombre. Arrondissez un nombre.

exp(x), log(x) renvoie l'exposant de e. Renvoie le logarithme népérien du nombre (base e)

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

Renvoyer la valeur la plus élevée entre x et y

pow(x,y) renvoie x élevé à la puissance y

random() renvoie un nombre aléatoire entre 0 et 1

round(x) arrondit un nombre à l'entier le plus proche

sqrt(x) renvoie la racine carrée du nombre

6. Objet global

Les objets globaux sont des objets prédéfinis qui servent d'espaces réservés pour les fonctions globales et les propriétés globales de JavaScript.

En utilisant l'objet global, tous les autres objets, fonctions et propriétés prédéfinis sont accessibles.
L’objet global n’est une propriété d’aucun objet, il n’a donc pas de nom. Il n'a ni constructeur ni capacité à instancier un nouvel objet global, et tous ses membres sont statiques.

6.1 Propriétés globales

L'infini représente une valeur infinie positive.

NaN indique si une valeur est une valeur numérique.

undefined indique une valeur indéfinie.

6.2 Fonctions globales

decodeURI() décode un URI codé.

decodeURIComponent()

Décoder un composant URI codé.

encodeURI() Encode une chaîne dans un URI.

encodeURIComponent()

Encodez une chaîne dans un composant URI.
eval() évalue une chaîne et l'exécute sous forme de code de script.

isFinite() vérifie si une valeur est un nombre fini.

isNaN() vérifie si une valeur est un nombre.

La fonction isNaN() est généralement utilisée pour détecter les résultats de parseFloat() et parseInt() afin de déterminer s'ils représentent des nombres légaux. Bien entendu, vous pouvez également utiliser la fonction isNaN() pour détecter les erreurs arithmétiques, comme l'utilisation de 0 comme diviseur.

parseFloat() analyse une chaîne et renvoie un nombre à virgule flottante.

parseInt() analyse une chaîne et renvoie un entier.

7.Résumé

JavaScript est un langage orienté objet avec la possibilité de personnaliser les objets. Dans le même temps, il peut être programmé sur la base d'objets existants, y compris des objets locaux d'ECMAScript, et de l'environnement d'exécution du navigateur, car l'hôte fournit un ensemble d'objets de navigateur et d'objets fournis par les pages Web.

Les objets locaux sont un ensemble de types de référence fournis par ECMAScript. Ce sont des objets implémentés par ECMAScript et n'ont rien à voir avec un hôte de script spécifique.
L'objet tableau est en fait une collection avec une longueur dynamique, qui contient des attributs de longueur et des méthodes telles que le tri, l'inversion et l'épissage.

Un objet date représente un moment spécifique dans le temps. Vous pouvez obtenir l'heure système du navigateur via son constructeur, ou spécifier une date et une heure spécifiques. Il contient un ensemble de méthodes get qui peuvent être utilisées pour obtenir certaines parties des informations contenues dans l'objet date, et vous pouvez également l'utiliser. ensemble de méthodes get pour modifier l'objet date. Certaines méthodes, ou obtenir la forme chaîne de l'objet date via son ensemble de méthodes to.

Un objet chaîne représente une séquence de 0 ou plusieurs caractères Unicode. Il contient l'attribut length et un ensemble de méthodes de conversion de format et de méthodes d'exploitation des caractères.

Les objets globaux contiennent une série de propriétés globales et de fonctions globales, qui peuvent être utilisées directement sans référencer aucun objet.

Les objets mathématiques contiennent un ensemble de propriétés statiques en lecture seule utilisées pour représenter certaines constantes mathématiques, ainsi qu'un ensemble de méthodes statiques utilisées pour implémenter des opérations mathématiques courantes.

Cet éditeur vous présentera ce résumé des objets locaux couramment utilisés en JavaScript. J'espère qu'il vous sera utile !