1 JavaScript array dikonversi ke format CSV
Pertama -tama, pertimbangkan skenario aplikasi berikut. Kemudian kita dapat menggunakan tips berikut, kodenya adalah sebagai berikut:
Salin kode kode sebagai berikut:
var fruits = ['apel', 'peaches', 'jeruk', 'mangga'];
var str = fruits.valueof ();
Output: Apple, Persik, Jeruk, Mangga
Di antara mereka, metode ValueOf () akan mengubah array JavaScript menjadi string yang dipisahkan oleh koma. Perlu dicatat bahwa jika Anda tidak ingin menggunakan segmen koma, seperti | No. Divide, silakan gunakan metode pekerjaan, sebagai berikut:
Salin kode kode sebagai berikut:
var fruits = ['apel', 'peaches', 'jeruk', 'mangga'];
var str = fruits.join ("|");
Output: Apple |
2 RE -Konversi Format CSV Kembali ke Array Javscript
Jadi bagaimana cara mengubah format CSV kembali ke array JavaScript? Anda dapat menggunakan metode split () untuk memisahkan karakter yang ditentukan.
Salin kode kode sebagai berikut:
var str = "apel, persik, oranye, mangga";
var fruitsarray = str.split (",");
Output FruitSarRay [0]: Apple
3 Menurut pergeseran indeks, elemen tertentu dalam array
Jika Anda perlu menghapus elemen tertentu dari array JavaScript, Anda dapat menggunakan metode splice.
Salin kode kode sebagai berikut:
Fungsi lepasByIndex (arr, index) {{{
Arr.splice (indeks, 1);
}
test = array baru ();
tes [0] = 'Apple';
tes [1] = 'bola';
tes [2] = 'Cat';
tes [3] = 'dog';
alert ("Array sebelum menghapus elemen:"+tes);
HapusbyIndex (tes, 2);
alert ("Array Setelah Menghapus Elemen:"+Tes);
Output terakhir adalah apel, bola, anjing
4 Bergantung pada nilai elemen untuk menghapus nilai dalam elemen array
Teknik -teknik berikut sangat praktis.
Salin kode kode sebagai berikut:
Fungsi lepas hapusvalue (arr, val) {{
untuk (var i = 0; i <arr.length; i ++) {
if (arr [i] == val) {
Arr.splice (i, 1);
Merusak;
}
}
}
var somearray = ["mon", "tue", "wed", "thur"]
Hapusvalue (somearray, "");
// Somearay akan memiliki unsur -unsur "mon", "wed", "thur"
Tentu saja, cara yang lebih baik adalah mencapai metode menggunakan prototipe, sebagai berikut: kode berikut:
Salin kode kode sebagai berikut:
Array.prototype.removebyValue = function (val) {
untuk (var i = 0; i <this.length; i ++) {
if (ini [i] == value) {
this.splice (i, 1);
Merusak;
}
}
}
// ..
var somearray = ["mon", "tue", "wed", "thur"]
somearray.removebyvalue ("tue");
5 Secara dinamis memanggil metode dengan ditentukan oleh string
Terkadang, saat berjalan, Anda perlu secara dinamis memanggil metode yang ada dan meneruskan parameter untuk itu. Bagaimana cara mencapai ini? Kode berikut bisa:
Salin kode kode sebagai berikut:
Var strfun = "Somefunction"; // Somefunction adalah nama metode yang ditentukan
var strparam = "Ini adalah parameter";
var fn = window [strfun];
// Metode panggilan diteruskan ke parameter
fn (strparam);
6 menghasilkan 1 hingga n angka acak
Salin kode kode sebagai berikut:
var acak = math.floor (math.random () * n + 1);
// menghasilkan angka acak antara 1 dan 10
var acak = math.floor (math.random () * 10 + 1);
// menghasilkan angka acak antara 1 dan 100
var random = math.floor (math.random () * 100 + 1);
7 Tangkap Acara Penutupan Browser
Kami sering berharap bahwa ketika pengguna menutup browser, itu meminta pengguna untuk menyimpan apa yang belum dilestarikan.
Salin kode kode sebagai berikut:
<bahasa skrip = "javascript">
Function fnunloadHandler () {
Peringatan ("Bongkar Acara .. Lakukan sesuatu untuk membatalkan sesi UTERS ..");
}
</script>
<body onbeforeunload = "fnunloadHandler ()">
... ...
</body>
Cukup tulis kode event onceForeunload ()
8 Periksa apakah Anda menekan tombol belakang
Demikian pula, Anda dapat memeriksa apakah pengguna menekan tombol belakang, kodenya adalah sebagai berikut:
Salin kode kode sebagai berikut:
Window.onbeforeunload = function () {
Kembalikan "Anda bekerja akan hilang.";
};
9 Periksa apakah data formulir berubah
Terkadang, jika Anda perlu memeriksa apakah pengguna memodifikasi konten dalam formulir, Anda dapat menggunakan teknik berikut. Kodenya adalah sebagai berikut:
Salin kode kode sebagai berikut:
Function FormisDirty (Form) {
untuk (var i = 0; i <form.elements.length; i ++) {
varing = form.elements [i];
var type = element.type;
if (type == "centang kotak" || type == "radio") {{
If (element.check! = Element.defaultChecked) {
Kembali Benar;
}
}
lain jika (type == "tersembunyi" || type == "kata sandi" ||
Type == "Text" ||
if (element.value! = element.defaultValue) {{
Kembali Benar;
}
}
lain if if (type == "select-one" || type == "select-multiple") {{
untuk (var j = 0; j <element.options.length; j ++) {
if (element.Options [j] .Select! =
element.options [j] .defaultSelect) {{
Kembali Benar;
}
}
}
}
Mengembalikan false;
}
Window.onbeforeunload = function (e) {
E = E ||
if (formisDirty (document.forms ["someform"]) {{) {{) {
// IE dan Firefox
if (e) {{
E.ReturnValue = "Anda memiliki perubahan yang belum disimpan.";
}
// Browser Safari
Kembalikan "Anda memiliki perubahan yang belum disimpan.";
}
};
10 benar -benar dilarang menggunakan kunci belakang
Teknik -teknik berikut ditempatkan pada halaman, yang dapat mencegah pengguna menunjuk ke belakang dan kembali, yang diperlukan dalam beberapa kasus. Kodenya adalah sebagai berikut:
Salin kode kode sebagai berikut:
<Type skrip = "Teks/JavaScript">
window.history.forward ();
function not () {window.history.forward ();}
</script>
</head>
<Body Only = "not ();"
Onpageshow = "if (event.persisisted) noback ();"
11 Hapus proyek yang dipilih di kotak pilihan ganda
Teknik yang disediakan di bawah ini adalah bahwa ketika pengguna dipilih oleh beberapa proyek di kotak drop -down, ketika intinya dihapus, Anda dapat menghapusnya pada satu waktu.
Salin kode kode sebagai berikut:
Fungsi selectboxremove (sourceId) {{
// Dapatkan ID IDBox
var src = document.geteLementById (sourceId);
// Siklus ListBox
untuk (var count = src.options.length-1; count> = 0; count-) {
// Jika Anda menemukan opsi yang akan dihapus, hapus
if (src.options [count] .select == true) {
mencoba {
src.remove (Count, null);
} Catch (error) {
src.remove (Count);
}
}
}
}
12 pilihan lengkap ListBox dan pilihan non -full
Jika untuk ListBox yang ditentukan, metode berikut dapat diteruskan ke True atau False sesuai dengan kebutuhan pengguna, yang mewakili semua item di kotak daftar lengkap atau semua item.
Salin kode kode sebagai berikut:
Function listboxselectdeselect (listId, isselect) {
var listbox = document.getElementById (listId);
untuk (var count = 0; count <listbox.options.length; count ++) {
ListBox.Options [hitungan] .Select = Isselect;
}
}
13 Bergerak ke atas dan ke bawah proyek di ListBox
Kode berikut memberikan cara memindahkan proyek di kotak daftar
Salin kode kode sebagai berikut:
Function listbox_move (listId, arah) {{
var listbox = document.getElementById (listId);
var selIndex = listbox.selectex;
if (-1 == selIndex) {{
Peringatan ("Pilih opsi untuk pindah.");
Kembali;
}
Var increment = -1;
If (arah == 'up')
kenaikan = -1;
kalau tidak
kenaikan = 1;
if (selIndex + increment) <0 ||
(SelIndex + increment)> (listbox.options.length-) {{) {{{{{{{{{{{{{
Kembali;
}
var selvalue = listbox.options [selIndex].
var seltext = listbox.options [selIndex] .text;
ListBox.Options [SelIndex]
listbox.options [selIndex] .text = listbox.options [selIndex + increment] .text.
ListBox.Options [selIndex + increment].
listbox.options [selIndex + increment] .text = seltext;
listbox.selectIndIndex = selIndex + increment;
}
// ..
// ..
listbox_move ('countrylist', 'up');
listbox_move ('countrylist', 'down');
14 Pindahkan proyek dalam dua kotak daftar yang berbeda
Jika di dua kotak daftar yang berbeda, Anda sering perlu memindahkan proyek di kotak daftar di sebelah kiri ke kotak daftar lain.
Salin kode kode sebagai berikut:
Function listbox_moveCross (sourceId, destId) {
var src = document.geteLementById (sourceId);
var dest = document.geteLementById (destId);
menemukan itu (var control = 0; count
if (src.options [count] .select == true) {
var opsi = src.options [count];
var newoption = document.createelement ("opsi");
newoption.value = option.value;
newoption.text = option.text;
newoption.select = true;
mencoba {
Dest.add (newoption, null);
src.remove (Count, null);
} Catch (error) {
Dest.add (newoption);
src.remove (Count);
}
menghitung-;
}
}
}
// ..
// ..
listbox_moveCross ('countrylist', 'selectDcountrylist');
15 Inisialisasi Cepat Array Javscript
Metode berikut memberikan metode inisialisasi cepat array Javscript.
Salin kode kode sebagai berikut:
var number = [];
untuk (var i = 1; numbers.push (i ++) <100;);
// angka = [0,1,2,3 ... 100]
Gunakan metode push array
16 Uji jumlah penentuan posisi desimal
Jika Anda ingin mencegat jumlah posisi setelah desimal, Anda dapat menggunakan metode tofixed, seperti:
Salin kode kode sebagai berikut:
var num = 2.443242342;
peringatan (num.tofixed (2));
Penggunaan TopRecision (X) memberikan ketepatan bit yang ditunjuk.
Salin kode kode sebagai berikut:
num = 500.2349;
hasil = num.toprecision (4); // output 500.2
17 Periksa apakah string berisi string lainnya
Dalam kode berikut, Anda dapat memeriksa apakah string berisi string lain dalam string. Kodenya adalah sebagai berikut:
Salin kode kode sebagai berikut:
if (! array.prototype.indexof) {
Array.prototype.indexof = function (obj, start) {
untuk (var i = (mulai || 0), j = this.length; i <j; i ++) {
if (this [i] === obj) {return i;}
}
Kembali -1;
}
}
if (! string.prototype.contains) {
String.prototype.contains = function (arg) {
Kembali !! ~ this.indexof (arg);
};
}
Metode IndexOf ditulis ulang dalam kode di atas dan mendefinisikan metode Contains.
Salin kode kode sebagai berikut:
var hay = "rubah coklat cepat melompat di atas anjing malas";
var needle = "jumps";
peringatan (hay.contains (jarum));
18 Hapus elemen berulang dalam array Javscript
Kode berikut dapat menghapus elemen berulang dalam array JavaScript, sebagai berikut:
Salin kode kode sebagai berikut:
Fungsi dihapusuplicates (arr) {
var test = {};
untuk (var i = 0; i <arr.length; i ++)
temp [arr [i]] = true;
var r = [];
untuk (var k dalam tes)
R.push (k);
Mengembalikan r;
}
//penggunaan
var fruits = ['apel', 'oranye', 'peach', 'apel', 'stroberi', 'oranye'];
var uniquefruits = dihapusuplikat (dari);
// output uniquefruits ['apel', 'oranye', 'peach', 'stroberi'];
19 Lepaskan kelebihan ruang dalam string
Kode berikut akan menambahkan metode trim () ke string.
Salin kode kode sebagai berikut:
if (! string.prototype.trim) {
String.prototype.trim = function () {
Kembalikan this.replace (/^/s+|/s+$/g, '');
};
}
//penggunaan
var str = "beberapa string";
str.trim ();
// output str = "beberapa string"
20 pengalihan dalam javascript
Dalam JavaScript, Anda dapat menyadari pengalihannya.
Salin kode kode sebagai berikut:
window.location.href = "//www.vevb.com";
21 Kode URL
Terkadang, Anda perlu menyandikan transfer di URL.
Salin kode kode sebagai berikut:
var myotherurl = "http://example.com/index.html?url=" + encodeuricomponent (myUrl);
Asli: http://viralpatel.net/blogs/javascript-tips-tricks/