1 จาวาสคริปต์อาร์เรย์แปลงเป็นรูปแบบ CSV
ก่อนอื่นให้พิจารณาสถานการณ์แอปพลิเคชันต่อไปนี้ จากนั้นเราสามารถใช้เคล็ดลับต่อไปนี้รหัสมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];
var str = fruits.valueof ();
เอาท์พุท: แอปเปิ้ล, พีช, ส้ม, มะม่วง
ในหมู่พวกเขาวิธีการ Valueof () จะเปลี่ยนอาร์เรย์ JavaScript เป็นสตริงที่คั่นด้วยเครื่องหมายจุลภาค ควรสังเกตว่าหากคุณไม่ต้องการใช้กลุ่มเครื่องหมายจุลภาคเช่น | ไม่หารโปรดใช้วิธีการทำงานดังนี้:
คัดลอกรหัสรหัสดังนี้:
var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];
var str = fruits.oin ("|");
เอาท์พุท: Apple
2 re -convert รูปแบบ CSV กลับไปที่อาร์เรย์ javscript
ดังนั้นจะแปลงรูปแบบ CSV กลับเป็นอาร์เรย์ JavaScript ได้อย่างไร? คุณสามารถใช้วิธีการแยก () เพื่อแยกอักขระที่ระบุ
คัดลอกรหัสรหัสดังนี้:
var str = "แอปเปิ้ล, พีช, ส้ม, มะม่วง";
var fruitsarray = str.split (",");
เอาท์พุท fruitsarray [0]: Apple
3 ตามการเปลี่ยนดัชนีองค์ประกอบบางอย่างในอาร์เรย์
หากคุณต้องการลบองค์ประกอบบางอย่างออกจากอาร์เรย์ JavaScript คุณสามารถใช้วิธีการประกบได้
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น removeByIndex (arr, index) {{
arr.splice (ดัชนี, 1);
-
ทดสอบ = new Array ();
ทดสอบ [0] = 'Apple';
ทดสอบ [1] = 'บอล';
ทดสอบ [2] = 'cat';
ทดสอบ [3] = 'สุนัข';
การแจ้งเตือน ("อาร์เรย์ก่อนลบองค์ประกอบ:"+ทดสอบ);
removeByIndex (ทดสอบ, 2);
การแจ้งเตือน ("อาร์เรย์หลังจากลบองค์ประกอบ:"+ทดสอบ);
ผลลัพธ์สุดท้ายคือ Apple, Ball, Dog
4 ขึ้นอยู่กับค่าขององค์ประกอบเพื่อลบค่าในองค์ประกอบอาร์เรย์
เทคนิคต่อไปนี้เป็นประโยชน์มาก
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น removeByValue (arr, val) {{
สำหรับ (var i = 0; i <arr.length; i ++) {
if (arr [i] == val) {
arr.splice (i, 1);
หยุดพัก;
-
-
-
var somearray = ["mon", "Tue", "Wed", "Thur"]
removeByValue (Somearray, "");
// Somearay จะมีองค์ประกอบของ "mon", "Wed", "Thur"
แน่นอนวิธีที่ดีกว่าคือการบรรลุวิธีการใช้ต้นแบบดังต่อไปนี้: รหัสต่อไปนี้:
คัดลอกรหัสรหัสดังนี้:
array.prototype.removeByValue = function (val) {
สำหรับ (var i = 0; i <this.length; i ++) {
ถ้า (นี่ [i] == ค่า) {
this.splice (i, 1);
หยุดพัก;
-
-
-
-
var somearray = ["mon", "Tue", "Wed", "Thur"]
Somearray.removeByValue ("Tue");
5 เรียกวิธีการแบบไดนามิกโดยระบุโดยสตริง
บางครั้งเมื่อทำงานคุณต้องเรียกใช้วิธีที่มีอยู่แบบไดนามิกและส่งผ่านพารามิเตอร์สำหรับมัน จะบรรลุสิ่งนี้ได้อย่างไร? รหัสต่อไปนี้สามารถ:
คัดลอกรหัสรหัสดังนี้:
var strfun = "somefunction";
var staram = "นี่คือพารามิเตอร์";
var fn = window [strfun];
// วิธีการโทรถูกส่งผ่านไปยังพารามิเตอร์
fn (strparam);
6 สร้างตัวเลขสุ่ม 1 ถึง N
คัดลอกรหัสรหัสดังนี้:
var random = math.floor (math.random () * n + 1);
// สร้างตัวเลขสุ่มระหว่าง 1 ถึง 10
var random = math.floor (math.random () * 10 + 1);
// สร้างตัวเลขสุ่มระหว่าง 1 ถึง 100
var random = math.floor (math.random () * 100 + 1);
7 จับเหตุการณ์การปิดเบราว์เซอร์
เรามักจะหวังว่าเมื่อผู้ใช้ปิดเบราว์เซอร์มันจะแจ้งให้ผู้ใช้บันทึกสิ่งที่ไม่ได้รับการเก็บรักษาไว้
คัดลอกรหัสรหัสดังนี้:
<ภาษาสคริปต์ = "JavaScript">
ฟังก์ชั่น fnunloadhandler () {
การแจ้งเตือน ("เหตุการณ์ที่ไม่โหลด .. ทำอะไรบางอย่างเพื่อทำให้เซสชัน Uters เป็นโมฆะ .. ");
-
</script>
<body onbeforeunload = "fnunloadhandler ()">
-
</body>
เพียงแค่เขียนรหัสของเหตุการณ์ onbeforeunload ()
8 ตรวจสอบว่าคุณกดปุ่ม Back หรือไม่
ในทำนองเดียวกันคุณสามารถตรวจสอบว่าผู้ใช้กดปุ่มย้อนกลับหรือไม่รหัสมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
window.onbeforeunload = function () {
กลับ "คุณทำงานจะหายไป";
-
9 ตรวจสอบว่าข้อมูลฟอร์มเปลี่ยนแปลงหรือไม่
บางครั้งหากคุณต้องการตรวจสอบว่าผู้ใช้แก้ไขเนื้อหาในรูปแบบคุณสามารถใช้เทคนิคต่อไปนี้ได้หรือไม่ รหัสมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น formisdirty (รูปแบบ) {
สำหรับ (var i = 0; i <form.elements.length; i ++) {
varing = form.elements [i];
var type = element.type;
if (type == "ช่องทำเครื่องหมาย" || type == "Radio") {{
if (element.check! = element.defaultChecked) {
กลับมาจริง;
-
-
อื่นถ้า (type == "ซ่อน" || type == "รหัสผ่าน" ||
type == "text" || type == "textarea") {{
if (element.value! = element.defaultValue) {{
กลับมาจริง;
-
-
อื่นถ้า (type == "select-one" || type == "select-multiple") {{
สำหรับ (var j = 0; j <element.options.length; j ++) {
if (element.options [j]. select! =
element.options [j] .defaultselect) {{
กลับมาจริง;
-
-
-
-
กลับเท็จ;
-
window.onbeforeunload = function (e) {
e = e || window.event;
if (formisdirty (document.forms ["someform"]) {{) {{) {
// เช่นและ Firefox
ถ้า (e) {{
e.returnValue = "คุณมีการเปลี่ยนแปลงที่ไม่ได้บันทึก";
-
// เบราว์เซอร์ Safari
กลับ "คุณมีการเปลี่ยนแปลงที่ไม่ได้บันทึก";
-
-
10 ห้ามอย่างสมบูรณ์จากการใช้ปุ่มย้อนกลับ
เทคนิคต่อไปนี้จะถูกวางไว้บนหน้าซึ่งสามารถป้องกันไม่ให้ผู้ใช้จากปุ่มชี้ด้านหลังและด้านหลังซึ่งจำเป็นในบางกรณี รหัสมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
<script type = "text/javascript">
window.history.forward ();
ฟังก์ชันไม่ () {window.history.forward ();}
</script>
</head>
<body only = "ไม่ ();"
onpageshow = "ถ้า (event.persisisted) noBack ();"
11 ลบโครงการที่เลือกในกล่องหลายตัวเลือก
เทคนิคที่ให้ไว้ด้านล่างคือเมื่อผู้ใช้ถูกเลือกโดยหลายโครงการในกล่องดรอปดาวน์เมื่อจุดถูกลบคุณสามารถลบได้ในครั้งเดียว
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น selectboxRemove (sourceId) {{
// รับรหัส IDBox
var src = document.getElementById (sourceId);
// วงจรกล่องรายการ
สำหรับ (var count = src.options.length-1; count> = 0; count-) {
// หากคุณพบตัวเลือกที่จะลบให้ลบออก
if (src.options [count] .select == true) {
พยายาม {
src.remove (นับ, โมฆะ);
} catch (ข้อผิดพลาด) {
src.remove (นับ);
-
-
-
-
12 การเลือกเต็มรูปแบบของ ListBox และการเลือกแบบไม่เต็มรูปแบบ
หากสำหรับกล่องรายการที่ระบุวิธีการต่อไปนี้สามารถส่งผ่านเป็นจริงหรือเท็จตามความต้องการของผู้ใช้ซึ่งแสดงถึงรายการทั้งหมดในกล่องรายการทั้งหมดหรือรายการทั้งหมด
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น ListBoxSelectDeselect (listId, issElect) {
var listbox = document.getElementById (listId);
สำหรับ (var count = 0; count <listbox.options.length; count ++) {
listbox.options [count] .select = isselect;
-
-
13 เลื่อนขึ้นและลงโครงการในกล่องรายการ
รหัสต่อไปนี้ให้วิธีการย้ายโครงการในกล่องรายการ
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น listbox_move (listid, direction) {{
var listbox = document.getElementById (listId);
var selindex = listbox.selectex;
if (-1 == SelIndex) {{
การแจ้งเตือน ("โปรดเลือกตัวเลือกที่จะย้าย");
กลับ;
-
var เพิ่ม = -1;
if (direction == 'up')
เพิ่ม = -1;
อื่น
เพิ่ม = 1;
if (SelIndex + เพิ่มขึ้น) <0 ||
(SelIndex + เพิ่มขึ้น)> (listbox.options.length-) {{) {{
กลับ;
-
var selvalue = listbox.options [selindex]
var seltext = listbox.options [SelIndex] .Text;
listbox.options [SelIndex]
listbox.options [SelIndex] .Text = ListBox.Options [SelIndex + การเพิ่มขึ้น] .Text
listbox.options [SelIndex + เพิ่มขึ้น]
listbox.options [SelIndex + เพิ่มขึ้น] .Text = SelText;
listbox.selectIndIndex = SelIndex + เพิ่มขึ้น;
-
-
-
listbox_move ('countrylist', 'up');
listbox_move ('CountryList', 'Down');
14 ย้ายโครงการในสองรายการที่แตกต่างกัน
หากในกล่องรายการที่แตกต่างกันสองรายการคุณมักจะต้องย้ายโครงการในกล่องรายการทางด้านซ้ายไปยังกล่องรายการอื่น
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น listbox_moveacross (sourceId, destid) {
var src = document.getElementById (sourceId);
var dest = document.getElementById (destId);
พบว่า (var control = 0; นับ
if (src.options [count] .select == true) {
ตัวเลือก var = src.options [นับ];
var newOption = document.createElement ("ตัวเลือก");
newOption.value = ตัวเลือก. value;
newOption.Text = opption.text;
newOption.select = true;
พยายาม {
dest.add (Newoption, null);
src.remove (นับ, โมฆะ);
} catch (ข้อผิดพลาด) {
dest.add (Newoption);
src.remove (นับ);
-
นับ-;
-
-
-
-
-
ListBox_MoveAcross ('CountryList', 'SelectDCountryList');
15 การเริ่มต้นอย่างรวดเร็วของอาร์เรย์ javscript
วิธีการต่อไปนี้ให้วิธีการเริ่มต้นอย่างรวดเร็วของอาร์เรย์ Javscript
คัดลอกรหัสรหัสดังนี้:
var number = [];
สำหรับ (var i = 1; numbers.push (i ++) <100;);
// numbers = [0,1,2,3 ... 100]
ใช้วิธีการผลักของอาร์เรย์
16 ทดสอบจำนวนทศนิยมของการวางตำแหน่ง
หากคุณต้องการสกัดกั้นจำนวนตำแหน่งหลังจากทศนิยมคุณสามารถใช้วิธีการ tofixed เช่น:
คัดลอกรหัสรหัสดังนี้:
var num = 2.443242342;
การแจ้งเตือน (num.tofixed (2));
การใช้ TOPREACISION (X) ให้ความแม่นยำของบิตที่กำหนด
คัดลอกรหัสรหัสดังนี้:
num = 500.2349;
ผลลัพธ์ = num.toprecision (4);
17 ตรวจสอบว่าสตริงมีสตริงอื่น ๆ หรือไม่
ในรหัสต่อไปนี้คุณสามารถตรวจสอบว่าสตริงมีสตริงอื่นในสตริงหรือไม่ รหัสมีดังนี้:
คัดลอกรหัสรหัสดังนี้:
if (! array.prototype.indexof) {
array.prototype.indexof = function (obj, start) {
สำหรับ (var i = (start || 0), j = this.length; i <j; i ++) {
ถ้า (นี่ [i] === obj) {return i;}
-
กลับ -1;
-
-
if (! string.prototype.contains) {
string.prototype.contains = function (arg) {
กลับมา !! ~ this.indexof (arg);
-
-
วิธีการของ INDEXOF ถูกเขียนใหม่ในรหัสข้างต้นและกำหนดวิธีการ
คัดลอกรหัสรหัสดังนี้:
var hay = "สุนัขจิ้งจอกสีน้ำตาลเร็วกระโดดข้ามสุนัขขี้เกียจ";
var needle = "jumps";
การแจ้งเตือน (hay.contains (เข็ม));
18 ลบองค์ประกอบซ้ำ ๆ ในอาร์เรย์ javscript
รหัสต่อไปนี้สามารถลบองค์ประกอบซ้ำ ๆ ในอาร์เรย์ JavaScript ดังนี้:
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น removedUplicates (arr) {
var test = {};
สำหรับ (var i = 0; i <arr.length; i ++)
temp [arr [i]] = true;
var r = [];
สำหรับ (var k ในการทดสอบ)
r.push (k);
Return R;
-
// การใช้งาน
var fruits = ['Apple', 'Orange', 'Peach', 'Apple', 'Strawberry', 'Orange'];
var uniqueFruits = removedUplicates (จาก);
// เอาท์พุทที่ไม่ซ้ำกัน fruits ['Apple', 'Orange', 'Peach', 'Strawberry'];
19 ลบพื้นที่ส่วนเกินเป็นสตริง
รหัสต่อไปนี้จะเพิ่มเมธอด () ลงในสตริง
คัดลอกรหัสรหัสดังนี้:
if (! string.prototype.trim) {
string.prototype.trim = function () {
ส่งคืนสิ่งนี้ replace (/^/s+|/s+$/g, '');
-
-
// การใช้งาน
var str = "บางสตริง";
str.trim ();
// output str = "สตริงบางอย่าง"
20 การเปลี่ยนเส้นทางใน JavaScript
ใน JavaScript คุณสามารถตระหนักถึงการเปลี่ยนเส้นทาง
คัดลอกรหัสรหัสดังนี้:
window.location.href = "//www.vevb.com";
21 รหัส URL
บางครั้งคุณต้องเข้ารหัสการถ่ายโอนใน URL
คัดลอกรหัสรหัสดังนี้:
var myotherurl = "http://example.com/index.html?url=" + encodeuricomponent (myurl);
ต้นฉบับ: http://viralpatel.net/blogs/javascript-tips-tricks/