1 JavaScript -Array konvertieren zum CSV -Format
Betrachten Sie zunächst die folgenden Anwendungsszenarien. Dann können wir die folgenden Tipps verwenden, der Code lautet wie folgt:
Kopieren Sie den Code -Code wie folgt:
var fruits = ['Apple', 'Pfirsiche', 'Orangen', 'Mangos'];
var str = fruits.Valueof ();
Ausgabe: Apfel, Pfirsiche, Orangen, Mangos
Unter ihnen transformiert die ValueOF () -Methode das JavaScript -Array in eine durch Kommas getrennte Zeichenfolgen. Es ist zu beachten, dass, wenn Sie kein Komma -Segment wie | Nr. Divide verwenden möchten, bitte die Jobmethode verwenden, wie folgt:
Kopieren Sie den Code -Code wie folgt:
var fruits = ['Apple', 'Pfirsiche', 'Orangen', 'Mangos'];
var str = fruits.join ("|");
Ausgabe: Apfel |
2 RE -Wenden Sie das CSV -Format zurück in das Javscript -Array
Wie kann man also ein CSV -Format in das JavaScript -Array umwandeln? Sie können die methode split () verwenden, um das angegebene Zeichen zu trennen.
Kopieren Sie den Code -Code wie folgt:
var str = "Apple, Pfirsiche, Orange, Mangos";
var fruitsArray = str.split (",");
Ausgang FruitsArray [0]: Apple
3 Gemäß der Indexverschiebung ein bestimmtes Element im Array
Wenn Sie ein bestimmtes Element aus dem JavaScript -Array entfernen müssen, können Sie die Spleißmethode verwenden.
Kopieren Sie den Code -Code wie folgt:
Funktion removeByIndex (arr, index) {{{{{{{{{{{{{{{{{{{{
Arr.SPLICE (INDEX, 1);
}
test = new Array ();
testen [0] = 'Apple';
Test [1] = 'Ball';
Test [2] = 'Katze';
Test [3] = 'Hund';
alert ("Array vor dem Entfernen von Elementen:"+test);
RemoveByIndex (Test, 2);
alert ("Array nach Entfernen von Elementen:"+test);
Die endgültige Ausgabe ist Apfel, Ball, Hund
4 Abhängig vom Wert des Elements, um den Wert im Array -Element zu entfernen
Die folgenden Techniken sind sehr praktisch.
Kopieren Sie den Code -Code wie folgt:
Funktion removeByValue (arr, val) {{{{{{
für (var i = 0; i <arr.length; i ++) {
if (arr [i] == val) {
Arr.SPLICE (i, 1);
Brechen;
}
}
}
var somearray = ["mon", "Di", "Mi", "Thur"]
REMBYVALUE (Somearray, "");
// Somearay wird die Elemente von "Mon", "Mi", "Thur" haben
Natürlich ist es ein besserer Weg, die Methode der Verwendung des Prototyps wie folgt zu erreichen: Der folgende Code:
Kopieren Sie den Code -Code wie folgt:
Array.prototype.removebyValue = function (val) {
für (var i = 0; i <this.Length; i ++) {
if (this [i] == value) {
this.splice (i, 1);
Brechen;
}
}
}
// .. ..
var somearray = ["mon", "Di", "Mi", "Thur"]
somearray.removebyValue ("Di");
5 Rufen Sie dynamisch eine Methode mit einer Zeichenfolge auf
Manchmal müssen Sie beim Ausführen eine vorhandene Methode dynamisch aufrufen und die Parameter dafür übergeben. Wie kann man das erreichen? Der folgende Code kann sein:
Kopieren Sie den Code -Code wie folgt:
Var Strfun = "Einfluss";
var strparam = "Dies ist der Parameter";
var fn = Fenster [strfun];
// Die Anrufmethode wird in Parameter übergeben
fn (strparam);
6 Generieren Sie 1 bis n Zufallszahlen
Kopieren Sie den Code -Code wie folgt:
var random = math.floor (math.random () * n + 1);
// Zufallszahlen zwischen 1 und 10 generieren
var random = math.floor (math.random () * 10 + 1);
// Zufallszahlen zwischen 1 und 100 generieren
var random = math.floor (math.random () * 100 + 1);
7 Erfassen Sie das Browserverschlussereignis
Wir hoffen oft, dass der Benutzer, wenn der Benutzer den Browser schließt, den Benutzer auffordert, das nicht erhalten zu können.
Kopieren Sie den Code -Code wie folgt:
<script Language = "JavaScript">
Funktion fnunloadHandler () {
alert ("Ereignis entladen .. tun Sie etwas, um die Uters -Sitzung ungültig zu machen.");
}
</script>
<body onbeforeUnload = "fnunloadHandler ()">
... ...
</body>
Schreiben Sie einfach den Code des Ereignisses onBeforeUload ()
8 Überprüfen Sie, ob Sie die Rücktaste drücken
In ähnlicher Weise können Sie überprüfen, ob der Benutzer die Rücktaste drückt, der Code wie folgt:
Kopieren Sie den Code -Code wie folgt:
Window.onbeforenload = function () {
Rückkehr "Du arbeitest verloren.";
};
9 Überprüfen Sie, ob sich die Formulardaten ändert
Manchmal, wenn Sie prüfen müssen, ob der Benutzer den Inhalt in einem Formular ändert, können Sie die folgenden Techniken verwenden. Der Code ist wie folgt:
Kopieren Sie den Code -Code wie folgt:
Funktion formisDirty (Form) {
für (var i = 0; i <form.elements.length; i ++) {
varing = form.elements [i];
var type = element.type;
if (type == "Kontrollkästchen" || type == "radio") {{{{{{{{
If (element.check! = Element.defaultChecked) {
Zurückkehren;
}
}
else if (type == "Hidden" || type == "Passwort" ||
Typ == "Text" || Typ == "textarea") {{{{
if (element.Value! = element.DefaultValue) {{{{{{{
Zurückkehren;
}
}
else if (type == "select-one" || type == "select-multiple") {{{{{{{{{{{{
für (var j = 0; j <element.options.length; j ++) {
if (element.options [j] .Select! =
Element.Options [j] .DefaultSelect) {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{
Zurückkehren;
}
}
}
}
False zurückgeben;
}
Window.onbeforeUload = Funktion (e) {
e = e || Fenster.Event;
if (formisDirty (document.forms ["monform"]) {{) {{) {
// dh und Firefox
if (e) {{{{{
E. returnValue = "Sie haben nicht gespeicherte Änderungen.";
}
// Safari -Browser
Kehren Sie zurück "Sie haben nicht gerettete Änderungen.";
}
};
10 völlig verboten, die Rückschlüssel zu verwenden
Die folgenden Techniken werden auf der Seite platziert, wodurch die Benutzer daran hindern können, Rück- und Rückschlüssel zu zeigen, was in einigen Fällen benötigt wird. Der Code ist wie folgt:
Kopieren Sie den Code -Code wie folgt:
<Script type = "text/javaScript">
window.history.forward ();
Funktion nicht () {window.history.forward ();}
</Script>
</Head>
<Körper nur = "nicht ();"
Onpageshow = "if (Event.Persisted) noback ();" onunload = "" >>
11 Löschen Sie das in Multiple -Choice -Feldern ausgewählte Projekt
Die unten angegebene Technik ist, dass Sie, wenn der Benutzer im Drop -Down -Feld ausgewählt wird, wenn der Punkt gelöscht wird, sie gleichzeitig löschen können.
Kopieren Sie den Code -Code wie folgt:
Funktion selectBoxRemove (SourceId) {{{{{{
// Die IDBox -ID abrufen
var src = document.getElementById (SourceId);
// Cycle Listbox
für (var count = src.options.length-1; count> = 0; count-) {
// Wenn Sie die zum Löschen der Option finden, löschen Sie sie
if (src.options [count] .Select == true) {
versuchen {
src.remove (count, null);
} Catch (error) {
src.remove (count);
}
}
}
}
12 Listboxs vollständige Auswahl und nicht -vollständige Auswahl
Wenn für die angegebene Listbox die folgende Methode entsprechend den Anforderungen des Benutzers übergeben werden kann, die alle Elemente in der vollständigen Listbox oder alle Elemente darstellen.
Kopieren Sie den Code -Code wie folgt:
Funktion ListBoxSelectDeSelect (ListId, Isselect) {
var listbox = document.getElementById (listId);
für (var count = 0; count <listBox.options.length; count ++) {
listBox.Options [count] .Select = isselect;
}
}
13 Bewegen Sie das Projekt in Listbox nach oben und unten
Der folgende Code enthält, wie Sie das Projekt in einer Listbox verschieben
Kopieren Sie den Code -Code wie folgt:
Funktion Listbox_move (ListId, Richtung) {{{{{{
var listbox = document.getElementById (listId);
var selindex = listBox.selectex;
if (-1 == selindex) {{{{{{{{{{
ALERT ("Bitte wählen Sie eine Option zum Verschieben.");
Zurückkehren;
}
Var Increment = -1;
If (Richtung == 'Up')
Increment = -1;
anders
Inkrement = 1;
if (selindex + Inkrement) <0 ||
(Selindex + Increment)> (listBox.options.length-) {{) {{{{{{{{{{{{{{{{{{{{{{{{{{{
Zurückkehren;
}
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 Verschieben Sie das Projekt in zwei verschiedenen Listboxen
Wenn Sie in zwei verschiedenen Listboxen das Projekt in einer Listbox links in eine andere Listbox verschieben müssen, müssen Sie häufig den relevanten Code in ein anderes Listbox verschieben:
Kopieren Sie den Code -Code wie folgt:
Funktion Listbox_MoveAcross (SourceId, Destid) {
var src = document.getElementById (SourceId);
var dest = document.getElementById (destid);
fand das (var control = 0; zählen
if (src.options [count] .Select == true) {
var option = src.options [count];
var newoption = document.createelement ("option");
NewOption.Value = Option.Value;
newoption.text = option.text;
newOption.Select = true;
versuchen {
Dest.Add (Newoption, NULL);
src.remove (count, null);
} Catch (error) {
Dest.add (Newoption);
src.remove (count);
}
zählen-;
}
}
}
// .. ..
// .. ..
listBox_moveAcross ('CountryList', 'SelectDCountryList');
15 Schnellinitialisierung des Javscript -Arrays
Die folgende Methode gibt eine Methode zur schnellen Initialisierung des Javscript -Arrays an.
Kopieren Sie den Code -Code wie folgt:
var number = [];
für (var i = 1; number.push (i ++) <100;);
// nummern = [0,1,2,3 ... 100]
Verwenden Sie die Push -Methode des Arrays
16 Testen Sie die Dezimalzahl der Positionierung
Wenn Sie die Anzahl der Positionen nach der Dezimalzahl abfangen möchten, können Sie die tofixierte Methode verwenden, z. B.:
Kopieren Sie den Code -Code wie folgt:
var num = 2,443242342;
alert (num.tofixed (2));
Die Verwendung von TopRecision (x) bietet die Präzision des angegebenen Bits.
Kopieren Sie den Code -Code wie folgt:
Num = 500,2349;
Ergebnis = num.toprecision (4);
17 Überprüfen Sie, ob die Zeichenfolge andere Zeichenfolgen enthält
Im folgenden Code können Sie überprüfen, ob eine Zeichenfolge eine andere Zeichenfolge in einer Zeichenfolge enthält. Der Code ist wie folgt:
Kopieren Sie den Code -Code wie folgt:
if (! array.prototype.indexof) {
Array.prototype.indexof = function (obj, start) {
für (var i = (start || 0), j = this.Length; i <j; i ++) {
if (this [i] === obj) {return i;}
}
Return -1;
}
}
if (! string.prototype.contains) {
String.prototype.contains = function (arg) {
Zurück !! ~ this.indexof (arg);
};
}
Die Index -Methode wird im obigen Code umgeschrieben und die enthaltende Methode definiert.
Kopieren Sie den Code -Code wie folgt:
var hay = "Ein schneller brauner Fuchs springt über faulen Hund";
var nedle = "springt";
alarm (Hay.Contains (Nadel));
18 Entfernen Sie die sich wiederholenden Elemente im Javscript -Array
Der folgende Code kann die sich wiederholenden Elemente im JavaScript -Array wie folgt entfernen:
Kopieren Sie den Code -Code wie folgt:
Funktion Remeduplicates (arr) {
var test = {};
für (var i = 0; i <arr.length; i ++)
temp [arr [i]] = true;
var r = [];
für (var k im Test)
R.Push (k);
Return r;
}
//Verwendung
var fruits = ['Apple', 'Orange', 'Peach', 'Apple', 'Strawberry', 'Orange'];
var UniqueFruits = Remeduplicates (von);
// UniqueFruits ausgeben ['Apple', 'Orange', 'Peach', 'Strawberry'];
19 Entfernen Sie den überschüssigen Platz in der Schnur
Der folgende Code fügt der String eine TRIM () -Methode hinzu.
Kopieren Sie den Code -Code wie folgt:
if (! string.prototype.trim) {
String.prototype.trim = function () {
Return this.replace (/^/s+|/s+$/g, '');
};
}
//Verwendung
var str = "eine String";
Str.trim ();
// Ausgabe str = "eine String"
20 Umleitung in JavaScript
In JavaScript können Sie die Umleitung erkennen.
Kopieren Sie den Code -Code wie folgt:
window.location.href = "//www.vevb.com";
21 Code die URL
Manchmal müssen Sie die Übertragung in der URL codieren.
Kopieren Sie den Code -Code wie folgt:
var myotherUrl = "http://example.com/index.html?url=" + codericomponent (myurl);
Original: http://viralpatel.net/blogs/javascript-tip-tricks/