Ringkasan objek tempatan yang biasa digunakan dalam kemahiran JavaScript_javascript

1. JavaScript ialah bahasa pengaturcaraan berorientasikan objek

Encapsulation: keupayaan untuk menyimpan maklumat yang berkaitan (sama ada data atau kaedah) dalam objek

Pengagregatan: Keupayaan untuk menyimpan satu objek dalam objek lain

Warisan: Keupayaan untuk mendapatkan sifat dan kaedah kelas daripada kelas lain (atau kelas).

Polymorphism: Keupayaan untuk menulis fungsi atau kaedah yang boleh dijalankan dalam pelbagai bentuk

2. Objek tatasusunan

Gunakan nama pembolehubah yang berasingan untuk menyimpan julat nilai.

2.1 Cipta objek tatasusunan

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 Buat Tatasusunan menggunakan literal

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

2.3 Panjang tatasusunan

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 Traversal

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 Atribut dan kaedah tatasusunan

panjang menetapkan atau mengembalikan bilangan elemen dalam tatasusunan.

join() menggabungkan semua elemen tatasusunan menjadi rentetan menggunakan pembatas yang ditentukan.

reverse() membalikkan susunan elemen dalam tatasusunan.

sort() mengisih elemen tatasusunan

arrayObject.sort(sortby)

Parameter adalah pilihan. Nyatakan peraturan pengisihan. Mesti satu fungsi.

Nilai pulangan ialah rujukan kepada tatasusunan. Sila ambil perhatian bahawa tatasusunan diisih pada tatasusunan asal, tiada salinan dibuat.

Peraturan pengisihan tersuai

Jika anda ingin mengisih mengikut kriteria lain, anda perlu menyediakan fungsi perbandingan, yang membandingkan dua nilai dan mengembalikan nombor yang menerangkan susunan relatif kedua-dua nilai.

Fungsi perbandingan hendaklah mempunyai dua parameter a dan b, dan nilai pulangannya adalah seperti berikut: jika a kurang daripada b, a harus muncul sebelum b dalam tatasusunan yang diisih, kemudian kembalikan nilai kurang daripada 0. Jika a sama dengan b, mengembalikan 0. Jika a lebih besar daripada b, mengembalikan nilai lebih besar daripada 0.

concat(susunan tatasusunan)

Sambungkan dua atau lebih tatasusunan dan kembalikan hasilnya.

Kepingan tatasusunan(Nombor mula,Nombor tamat)

Kembalikan elemen yang dipilih daripada tatasusunan sedia ada

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

splice() mengalih keluar elemen dan menambah elemen baharu pada tatasusunan.

messages4.splice(0, 2, "dddd"); //0 menunjukkan kedudukan elemen untuk mula memadam, 2 menunjukkan panjang pemadaman, elemen yang ditambah ialah dddd, tambah
pada kedudukan pemadaman

push() menambah satu atau lebih elemen pada penghujung tatasusunan dan mengembalikan panjang baharu.

pop() mengalih keluar dan mengembalikan elemen terakhir tatasusunan

unshift() menambah satu atau lebih elemen pada permulaan tatasusunan dan mengembalikan panjang baharu.

shift() memadam dan mengembalikan elemen pertama tatasusunan

2.6 Aplikasi Tatasusunan

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

Hasil keluaran kod di atas ialah:

Lintas tatasusunan beijing

Melintasi susunan shanghai

Lintas tatasusunan zhejiang

Lintas tatasusunan hunan

sertai array beijing,shanghai,zhejiang,hunan

Selepas reverse order hunan

Selepas perintah terbalik zhejiang

Selepas pesanan terbalik shanghai

Beijing selepas perintah terbalik

Selepas mengisih beijing

Selepas mengisih hunan

Selepas menyusun shanghai

Selepas mengisih zhejiang

Beijing selepas penggabungan

Selepas penggabungan hunan

Selepas penggabungan shanghai

Selepas penggabungan zhejiang

Selepas menggabungkan

Selepas bergabung c

Selepas bergabung b

Selepas memilih slice(0,5), beijing

Selepas memilih kepingan(0,5) hunan

Selepas memilih slice(0,5) shanghai

Selepas memilih kepingan(0,5) zhejiang

Selepas memilih kepingan(0,5) a

3. Objek tarikh

Objek tarikh digunakan untuk mendapatkan dan memproses tarikh dan masa.

3.1 Tentukan tarikh

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!