Résumé des objets locaux couramment utilisés dans les compétences JavaScript_javascript

1. JavaScript est un langage de programmation orienté objet

Encapsulation : la possibilité de stocker des informations pertinentes (qu'il s'agisse de données ou de méthodes) dans un objet

Agrégation : la possibilité de stocker un objet dans un autre objet

Héritage : La possibilité d'obtenir les propriétés et méthodes d'une classe à partir d'une ou plusieurs autres classes.

Polymorphisme : la capacité d'écrire des fonctions ou des méthodes pouvant s'exécuter sous plusieurs formes

2. Objet tableau

Utilisez des noms de variables distincts pour stocker une plage de valeurs.

2.1 Créer un objet tableau

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 Créer un tableau à l'aide de littéraux

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

2.3 La longueur du tableau

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 Traversée du tableau

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 Attributs et méthodes du tableau

length définit ou renvoie le nombre d'éléments dans le tableau.

join() concatène tous les éléments du tableau en une chaîne en utilisant le délimiteur spécifié.

reverse() inverse l'ordre des éléments dans un tableau.

sort() trie les éléments du tableau

arrayObject.sort(tri par)

Les paramètres sont facultatifs. Spécifiez les règles de tri. Doit être une fonction.

La valeur de retour est une référence au tableau. Veuillez noter que le tableau est trié sur le tableau d'origine, aucune copie n'est effectuée.

Règles de tri personnalisées

Si vous souhaitez trier selon d'autres critères, vous devez fournir une fonction de comparaison, qui compare deux valeurs et renvoie un nombre qui décrit l'ordre relatif des deux valeurs.

La fonction de comparaison doit avoir deux paramètres a et b, et sa valeur de retour est la suivante : si a est inférieur à b, a doit apparaître avant b dans le tableau trié, puis renvoyer une valeur inférieure à 0. Si a est égal à b, renvoie 0. Si a est supérieur à b, renvoie une valeur supérieure à 0.

concat(Array array)

Concaténez deux tableaux ou plus et renvoyez le résultat.

Tranche de tableau (début du numéro, fin du numéro)

Renvoyer les éléments sélectionnés d'un tableau existant

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

splice() supprime des éléments et ajoute de nouveaux éléments au tableau.

messages4.splice(0, 2, "dddd"); //0 indique la position de l'élément à commencer à supprimer, 2 indique la durée de la suppression, l'élément ajouté est dddd, ajoutez
à la position de suppression

push() ajoute un ou plusieurs éléments à la fin du tableau et renvoie la nouvelle longueur.

pop() supprime et renvoie le dernier élément du tableau

unshift() ajoute un ou plusieurs éléments au début du tableau et renvoie la nouvelle longueur.

shift() supprime et renvoie le premier élément du tableau

2.6 Application des tableaux

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

Le résultat de sortie du code ci-dessus est :

Traverser le tableau de Pékin

Traverser le tableau Shanghai

Parcourir le tableau du Zhejiang

Traverser le tableau hunan

rejoindre le tableau Pékin, Shanghai, Zhejiang, Hunan

Après l'ordre inverse hunan

Après l'ordre inverse du Zhejiang

Après la commande inversée à Shanghai

Pékin après ordre inversé

Après le tri de Pékin

Après le tri du Hunan

Après le tri de Shanghai

Après le tri du Zhejiang

Pékin après la fusion

Après la fusion Hunan

Après la fusion Shanghai

Après la fusion du Zhejiang

Après fusionner un

Après fusion c

Après fusion b

Après avoir sélectionné slice(0,5), Pékin

Après avoir sélectionné slice(0,5) hunan

Après avoir sélectionné slice(0,5) shanghai

Après avoir sélectionné la tranche (0,5) Zhejiang

Après avoir sélectionné slice(0,5) a

3. Objet Date

Les objets Date sont utilisés pour obtenir et traiter les dates et les heures.

3.1 Définir la date

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. Objek matematik

Objek Matematik ialah alat matematik yang mengandungi banyak sifat baca sahaja statik yang mewakili pemalar matematik dan kaedah statik untuk melaksanakan operasi matematik.

E pemalar e, asas logaritma semula jadi (lebih kurang sama dengan 2.718)

LN2 mengembalikan logaritma asli 2 (lebih kurang sama dengan 0.693)

LN10 mengembalikan logaritma semula jadi 10 (lebih kurang sama dengan 2.302)

LOG2E mengembalikan logaritma asas 2 bagi e (kira-kira 1.414)

LOG10E mengembalikan asas 10 logaritma e (kira-kira 0.434)

PI mengembalikan pi (lebih kurang sama dengan 3.14159)

SQRT1_2 mengembalikan punca kuasa dua bagi 2 dibahagikan dengan 1 (kira-kira 0.707)

SQRT2 mengembalikan punca kuasa dua bagi 2 (kira-kira 1.414)

abs(x) mengembalikan nilai mutlak nombor

cos(x), acos(x)

Mengembalikan nilai kosinus sinus dan lengkok nombor

sin(x), asin(x)

Mengembalikan nilai sinus dan arcsine nombor

tan(x), atan(x)

Mengembalikan tangen sudut dan mengembalikan lengkok bilangan radian antara -PI/2 dan PI/2

atan2(y,x) mengembalikan sudut dari paksi-x ke titik (x,y)

siling(x)、lantai(x)

Bundarkan nombor. Bundarkan nombor ke bawah.

exp(x), log(x) mengembalikan eksponen bagi e. Mengembalikan logaritma asli nombor (asas e)

maks(x,y), min(x,y)

Kembalikan nilai tertinggi antara x dan y

pow(x,y) mengembalikan x dinaikkan kepada kuasa y

random() mengembalikan nombor rawak antara 0 ~ 1

bulat(x) membundarkan nombor kepada integer terdekat

sqrt(x) mengembalikan punca kuasa dua nombor

6. Objek Global

Objek global ialah objek yang dipratentukan yang berfungsi sebagai ruang letak untuk fungsi global JavaScript dan sifat global.

Dengan menggunakan objek global, semua objek, fungsi dan sifat pratakrif lain boleh diakses.
Objek global bukan hak milik mana-mana objek, jadi ia tidak mempunyai nama. Ia tidak mempunyai pembina mahupun keupayaan untuk membuat instantiate objek global baharu, dan semua ahlinya adalah statik.

6.1 Hartanah Global

Infiniti mewakili nilai infiniti positif.

NaN menunjukkan sama ada nilai ialah nilai angka.

undefined menunjukkan nilai undefined.

6.2 Fungsi Global

decodeURI() menyahkod URI yang dikodkan.

nyahkodURIComponent()

Nyahkod komponen URI yang dikodkan.

encodeURI() Mengekod rentetan ke dalam URI.

encodeURIComponent()

Enkodkan rentetan ke dalam komponen URI.
eval() menilai rentetan dan melaksanakannya sebagai kod skrip.

isFinite() menyemak sama ada nilai ialah nombor terhingga.

isNaN() menyemak sama ada nilai ialah nombor.

Fungsi isNaN() biasanya digunakan untuk mengesan keputusan parseFloat() dan parseInt() untuk menentukan sama ada ia mewakili nombor undang-undang. Sudah tentu, anda juga boleh menggunakan fungsi isNaN() untuk mengesan ralat aritmetik, seperti menggunakan 0 sebagai pembahagi.

parseFloat() menghuraikan rentetan dan mengembalikan nombor titik terapung.

parseInt() menghuraikan rentetan dan mengembalikan integer.

7. Ringkasan

JavaScript ialah bahasa berorientasikan objek dengan keupayaan untuk menyesuaikan objek. Pada masa yang sama, ia boleh diprogramkan berdasarkan objek sedia ada, termasuk objek tempatan ECMAScript, dan persekitaran berjalan penyemak imbas kerana hos menyediakan satu set objek dan objek penyemak imbas yang disediakan oleh halaman web.

Objek tempatan ialah satu set jenis rujukan yang disediakan oleh ECMAScript Ia adalah beberapa objek yang dilaksanakan oleh ECMAScript dan tiada kaitan dengan hos skrip tertentu.
Objek tatasusunan sebenarnya adalah koleksi dengan panjang dinamik, yang mengandungi atribut panjang dan kaedah seperti pengisihan, pembalikan dan penyambungan.

Objek tarikh mewakili detik tertentu dalam masa. Anda boleh mendapatkan masa sistem penyemak imbas melalui pembinanya, atau menentukan tarikh dan masa tertentu Ia mengandungi satu set kaedah dapatkan yang boleh digunakan untuk mendapatkan bahagian tertentu maklumat dalam objek tarikh, dan anda juga boleh menggunakannya. set kaedah get untuk menukar objek tarikh Beberapa kaedah, atau dapatkan bentuk rentetan objek tarikh melalui set kaedahnya.

Objek rentetan mewakili urutan 0 atau lebih aksara Unicode. Ia mengandungi atribut panjang, dan satu set kaedah untuk penukaran format dan kaedah untuk aksara pengendalian.

Objek global mengandungi satu siri sifat global dan fungsi global, yang boleh digunakan secara langsung tanpa merujuk sebarang objek.

Objek matematik mengandungi satu set sifat baca sahaja statik yang digunakan untuk mewakili beberapa pemalar matematik dan satu set kaedah statik yang digunakan untuk melaksanakan operasi matematik biasa.

Editor ini akan memperkenalkan anda kepada ringkasan objek tempatan yang biasa digunakan dalam JavaScript ini, saya harap ia akan membantu anda!