1 tableau JavaScript converti au format CSV
Tout d'abord, considérez les scénarios d'application suivants. Ensuite, nous pouvons utiliser les conseils suivants, le code est le suivant:
Copier le code du code comme suit:
var fruits = [«pomme», «pêche», «oranges», «mangues»];
var str = fruits.valueof ();
Sortie: Apple, pêches, oranges, mangues
Parmi eux, la méthode de valeur de () transformera le tableau JavaScript en chaînes séparées par virgule. Il convient de noter que si vous ne voulez pas utiliser un segment de virgule, tel que | Non. Divide, veuillez utiliser la méthode du travail, comme suit:
Copier le code du code comme suit:
var fruits = [«pomme», «pêche», «oranges», «mangues»];
var str = fruits.join ("|");
Sortie: pêche |
2 Re -convertez le format CSV au tableau Javscript
Alors, comment transformer un format CSV au tableau JavaScript? Vous pouvez utiliser la méthode Split () pour séparer le caractère spécifié.
Copier le code du code comme suit:
var str = "pomme, pêche, orange, mangues";
var fruitArray = str.split (",");
Sort fruitArray [0]: Apple
3 Selon le décalage d'index, un certain élément du tableau
Si vous avez besoin de supprimer un certain élément du tableau JavaScript, vous pouvez utiliser la méthode Splice.
Copier le code du code comme suit:
Fonction SupportByIndex (arr, index) {{
Arr.splice (index, 1);
}
test = new Array ();
test [0] = 'Apple';
test [1] = 'ball';
test [2] = 'cat';
test [3] = 'chien';
alert ("Array Avant de retirer les éléments:" + test);
RetireByIndex (test, 2);
alert ("Array après le retrait des éléments:" + test);
La sortie finale est la pomme, la balle, le chien
4 en fonction de la valeur de l'élément pour supprimer la valeur dans l'élément de tableau
Les techniques suivantes sont très pratiques.
Copier le code du code comme suit:
Fonction SupporByValue (Arr, Val) {{{
pour (var i = 0; i <arr.length; i ++) {
if (arr [i] == val) {
Arr.splice (i, 1);
Casser;
}
}
}
var somearray = ["mon", "mar", "mer", "thur"]
RetireByValue (Somearray, "");
// Somearay aura les éléments de "Mon", "Wed", "Thur"
Bien sûr, une meilleure façon consiste à réaliser la méthode d'utilisation du prototype, comme suit: le code suivant:
Copier le code du code comme suit:
Array.prototype.reMoveByValue = fonction (val) {
for (var i = 0; i <this.length; i ++) {
if (this [i] == valeur) {
this.splice (i, 1);
Casser;
}
}
}
// ..
var somearray = ["mon", "mar", "mer", "thur"]
Somearray.reMoveByValue ("mar");
5 Appelez dynamiquement une méthode par spécification par une chaîne
Parfois, lors de l'exécution, vous devez appeler dynamiquement une méthode existante et passer les paramètres pour cela. Comment y parvenir? Le code suivant peut être:
Copier le code du code comme suit:
Var strfun = "somefunction";
var strAram = "Ceci est le paramètre";
var fn = fenêtre [strfun];
// La méthode d'appel est transmise dans les paramètres
fn (strAram);
6 générer 1 à n nombres aléatoires
Copier le code du code comme suit:
var random = math.floor (math.random () * n + 1);
// génère des nombres aléatoires entre 1 et 10
var random = math.floor (math.random () * 10 + 1);
// générer des nombres aléatoires entre 1 et 100
var random = math.floor (math.random () * 100 + 1);
7 Capturez l'événement de fermeture du navigateur
Nous espérons souvent que lorsque l'utilisateur ferme le navigateur, il invite l'utilisateur à enregistrer ce qui n'a pas été préservé.
Copier le code du code comme suit:
<script linguisse = "javascript">
Fonction fnunloadhandler () {
alert ("Événement de déchargement .. Faites quelque chose pour invalider la session UTERS ..");
}
</cript>
<body onbeforeunload = "fnunloadhandler ()">
... ...
</docy>
Écrivez simplement le code de l'événement onBeforeunLoad ()
8 Vérifiez si vous appuyez sur la touche arrière
De même, vous pouvez vérifier si l'utilisateur appuie sur la touche arrière, le code est le suivant:
Copier le code du code comme suit:
Window.onbeforeUnload = function () {
Retour "You Work sera perdu.";
};
9 Vérifiez si les données du formulaire changent
Parfois, si vous devez vérifier si l'utilisateur modifie le contenu dans un formulaire, vous pouvez utiliser les techniques suivantes. Le code est le suivant:
Copier le code du code comme suit:
Fonction formisedirty (form) {
pour (var i = 0; i <form.elements.length; i ++) {
VATING = form.Elements [i];
var type = element.type;
if (type == "checkbox" || type == "radio") {{
If (element.check! = Element.defaultchecked) {
Retour Vrai;
}
}
else if (type == "Hidden" || type == "mot de passe" ||
Type == "Text" || Type == "TextArea") {{
if (element.value! = element.defaultValue) {{
Retour Vrai;
}
}
else if (type == "select-one" || type == "select-multiple") {{{{{
pour (var j = 0; j <element.options.length; j ++) {
if (element.options [j] .select! =
element.options [j] .defaultSelect) {{
Retour Vrai;
}
}
}
}
Retourne false;
}
Window.onbeforeUnload = function (e) {
E = E || Window.Event;
if (formIsDirty (document.forms ["SomeForm"]) {{) {{) {
// IE et Firefox
if (e) {{
e.reTurnValue = "Vous avez des changements non sauvés.";
}
// Navigateur Safari
Retour "Vous avez des changements non sauvés.";
}
};
10 complètement interdit d'utiliser la touche arrière
Les techniques suivantes sont placées sur la page, ce qui peut empêcher les utilisateurs de pointer des clés arrière et arrière, ce qui est nécessaire dans certains cas. Le code est le suivant:
Copier le code du code comme suit:
<Script type = "text / javascript">
window.history.forward ();
fonction not () {window.history.forward ();}
</cript>
</ Head>
<Corps uniquement = "Not ();"
OnPageShow = "if (event.persissist) noback ();"
11 Supprimer le projet sélectionné dans les boîtes à choix multiples
La technique fournie ci-dessous est que lorsque l'utilisateur est sélectionné par plusieurs projets dans la boîte de drop-down, lorsque le point est supprimé, vous pouvez les supprimer en même temps.
Copier le code du code comme suit:
Fonction selectBoxRemove (sourceId) {{
// Obtenez l'ID de la boîte d'identité
var src = document.getElementById (sourceId);
// Cycle Listbox
pour (var count = src.options.length-1; count> = 0; count-) {
// Si vous trouvez l'option à supprimer, supprimez-la
if (src.options [count] .select == true) {
essayer {
Src.Remove (comte, null);
} Catch (erreur) {
Src.Remove (Count);
}
}
}
}
12 Sélection complète de Listbox et Sélection non-Full
Si pour la liste de listes spécifiée, la méthode suivante peut être transmise dans True ou Faux en fonction des besoins de l'utilisateur, qui représente tous les éléments de la liste complète de la liste ou de tous les éléments.
Copier le code du code comme suit:
Fonction listBoxSelectDeselect (listId, issElect) {
var listbox = document.getElementById (listId);
pour (var count = 0; count <listbox.options.length; count ++) {
listbox.options [count] .select = issElect;
}
}
13 Montez de haut en bas du projet dans Listbox
Le code suivant donne comment déplacer le projet dans une boîte de liste
Copier le code du code comme suit:
Fonction listbox_move (listId, direction) {{{
var listbox = document.getElementById (listId);
var seLindex = listbox.selectEx;
if (-1 == Selindex) {{
Alert ("Veuillez sélectionner une option de déplacement.");
Retour;
}
Var incrément = -1;
If (direction == 'up')
incrément = -1;
autre
incrément = 1;
if (Selindex + incrément) <0 ||
(Selindex + incrément)> (listbox.options.length-) {{) {{
Retour;
}
var selvalue = listbox.options [Selindex].
var seltext = listbox.options [Selindex] .Text;
ListBox.Options [Selindex].
listbox.options [Selindex] .text = listbox.options [Selindex + incrément] .Text.
listbox.options [Selindex + incrément].
listbox.options [Selindex + incrément] .text = seltext;
Listbox.SelectIndIndex = Selindex + incrément;
}
// ..
// ..
listbox_move ('countrylist', 'up');
listbox_move ('countrylist', 'down');
14 Déplacez le projet dans deux boîtes de liste différentes
Si dans deux listbox différents, vous devez souvent déplacer le projet dans une boîte de liste à gauche vers une autre boîte de liste.
Copier le code du code comme suit:
Function listbox_moveacrross (sourceId, Destid) {
var src = document.getElementById (sourceId);
var dest = document.getElementById (Destid);
J'ai trouvé que (Var Control = 0; compte
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;
essayer {
Dest.add (NewOption, null);
Src.Remove (comte, null);
} Catch (erreur) {
Dest.add (newOption);
Src.Remove (Count);
}
compter-;
}
}
}
// ..
// ..
listbox_moveacross ('countrylist', 'selectDCountryList');
15 Initialisation rapide du tableau Javscript
La méthode suivante donne une méthode d'initialisation rapide du tableau Javscript.
Copier le code du code comme suit:
Var Number = [];
pour (var i = 1; nombres.push (i ++) <100;);
// nombres = [0,1,2,3 ... 100]
Utilisez la méthode push du tableau
16 Testez le nombre décimal de positionnement
Si vous souhaitez intercepter le nombre de positions après décimal, vous pouvez utiliser la méthode tofixée, telle que:
Copier le code du code comme suit:
var num = 2,443242342;
alert (num.tofixed (2));
L'utilisation de Toprecision (X) fournit la précision du bit désigné.
Copier le code du code comme suit:
num = 500,2349;
résultat = num.toprecision (4);
17 Vérifiez si la chaîne contient d'autres chaînes
Dans le code suivant, vous pouvez vérifier si une chaîne contient une autre chaîne dans une chaîne. Le code est le suivant:
Copier le code du code comme suit:
if (! array.prototype.indexof) {
Array.prototype.indexof = fonction (obj, start) {
pour (var i = (start || 0), j = this.length; i <j; i ++) {
if (this [i] === obj) {return i;}
}
Retour -1;
}
}
if (! string.prototype.contains) {
String.prototype.contains = fonction (arg) {
Retour !! ~ this.indexof (arg);
};
}
La méthode indexof est réécrite dans le code ci-dessus et a défini la méthode contient.
Copier le code du code comme suit:
var hay = "Un renard brun rapide saute par-dessus le chien paresseux";
var aiguille = "sauts";
alerte (Hay.Conains (aiguille));
18 Retirez les éléments répétitifs du tableau Javscript
Le code suivant peut supprimer les éléments répétitifs dans le tableau JavaScript, comme suit:
Copier le code du code comme suit:
Fonction supprime les uplications (arr) {
var test = {};
pour (var i = 0; i <arr.length; i ++)
temp [arr [i]] = true;
var r = [];
pour (var k au test)
R.Push (K);
Retour R;
}
//usage
var fruits = [«pomme», «orange», «pêche», «pomme», «fraise», «orange»];
var UNIQUEFRUITS = supprimer lesuplices (de);
// Sortie UNIQUEFRUITS ['Apple', 'Orange', 'Peach', 'Strawberry'];
19 Retirez l'espace excédentaire en chaîne
Le code suivant ajoutera une méthode TRIM () à la chaîne.
Copier le code du code comme suit:
if (! string.prototype.trim) {
String.prototype.trim = function () {
Renvoie ce.replace (/ ^ / s + | / s + $ / g, '');
};
}
//usage
var str = "Some String";
str.trim ();
// output str = "Some String"
20 Redirection en JavaScript
Dans JavaScript, vous pouvez réaliser la redirection.
Copier le code du code comme suit:
window.location.href = "//www.vevb.com";
21 CODE L'URL
Parfois, vous devez coder le transfert dans l'URL.
Copier le code du code comme suit:
var myotherurl = "http://example.com/index.html?url=" + EncodeuRIComponent (myUrl);
Original: http://viralpatel.net/blogs/javascript-tips-tricks/