1 matriz de JavaScript se convierte en formato CSV
En primer lugar, considere los siguientes escenarios de aplicación. Entonces podemos usar los siguientes consejos, el código es el siguiente:
Copiar código del código de la siguiente manera:
var fruits = ['Apple', 'Peaches', 'Oranges', 'Mangoes'];
var str = fruits.valueOf ();
Salida: manzana, duraznos, naranjas, mangos
Entre ellos, el método ValueOf () transformará la matriz de JavaScript en una cadena separada por coma. Cabe señalar que si no desea usar un segmento de coma, como ｜ No. Divide, utilice el método de trabajo, de la siguiente manera:
Copiar código del código de la siguiente manera:
var fruits = ['Apple', 'Peaches', 'Oranges', 'Mangoes'];
var str = fruits.Join ("|");
Salida: Peaches |
2 Re -Convertir el formato CSV nuevamente a la matriz de Javscript
Entonces, ¿cómo transformar un formato CSV en la matriz de JavaScript? Puede usar el método Split () para separar el carácter especificado.
Copiar código del código de la siguiente manera:
var str = "manzana, duraznos, naranja, mangos";
var fruitsArray = str.split (",");
Salida fruitsArray [0]: Apple
3 Según el cambio de índice, un cierto elemento en la matriz
Si necesita eliminar un determinado elemento de la matriz JavaScript, puede usar el método de empalme de este método se eliminará de la matriz Nascript desde el lugar 0 en la matriz) de acuerdo con el parámetro N).
Copiar código del código de la siguiente manera:
Función removeByIndex (arr, index) {{
Arr.splice (índice, 1);
}
test = new Array ();
prueba [0] = 'Apple';
prueba [1] = 'Ball';
prueba [2] = 'Cat';
prueba [3] = 'perro';
alerta ("matriz antes de eliminar elementos:"+prueba);
EliminarByIndex (prueba, 2);
alerta ("matriz después de eliminar elementos:"+prueba);
La salida final es Apple, Ball, Dog
4 dependiendo del valor del elemento para eliminar el valor en el elemento de matriz
Las siguientes técnicas son muy prácticas.
Copiar código del código de la siguiente manera:
Función removeByValue (arr, val) {{
para (var i = 0; i <arr.length; i ++) {
if (arr [i] == val) {
Arr.splice (i, 1);
Romper;
}
}
}
var somearray = ["Mon", "martes", "casado", "Thur"]
RemoveByValue (Somearray, "");
// algún día tendrá los elementos de "Mon", "Wed", "Thur"
Por supuesto, una mejor manera es lograr el método de usar el prototipo, como sigue: el siguiente código:
Copiar código del código de la siguiente manera:
Array.prototype.removeByValue = function (val) {
para (var i = 0; i <this.length; i ++) {
if (this [i] == valor) {
this.splice (i, 1);
Romper;
}
}
}
// ..
var somearray = ["Mon", "martes", "casado", "Thur"]
somearray.removeByValue ("martes");
5 llamar dinámicamente un método especificado por una cadena
A veces, cuando se ejecuta, debe llamar dinámicamente un método existente y pasar los parámetros para él. ¿Cómo lograr esto? El siguiente código puede ser:
Copiar código del código de la siguiente manera:
Var strfun = "SomeFunction";
var strparam = "Este es el parámetro";
var fn = ventana [strfun];
// El método de llamada se pasa a parámetros
fn (strparam);
6 Generar 1 a n números aleatorios
Copiar código del código de la siguiente manera:
var random = math.floor (math.random () * n + 1);
// Generar números aleatorios entre 1 y 10
var random = math.floor (math.random () * 10 + 1);
// Generar números aleatorios entre 1 y 100
var random = math.floor (math.random () * 100 + 1);
7 Captura el evento de cierre del navegador
A menudo esperamos que cuando el usuario cierra el navegador, solicita al usuario que no se haya conservado lo que no se ha conservado.
Copiar código del código de la siguiente manera:
<script language = "javaScript">
Función fnunloadHandler () {
alerta ("Descargar evento ... Haz algo para invalidar la sesión de Uters ..");
}
</script>
<Body OnbeforeUnload = "fnunloadHandler ()">
...
</body>
Simplemente escriba el código del evento OnbeforeUnload ()
8 Compruebe si presiona la tecla Atrás
Del mismo modo, puede verificar si el usuario presiona la tecla Atrás, el código es el siguiente:
Copiar código del código de la siguiente manera:
Window.onbeforeunload = function () {
Regresa "Tú el trabajo se perderá";
};
9 Compruebe si los datos del formulario cambian
A veces, si necesita verificar si el usuario modifica el contenido en un formulario, puede usar las siguientes técnicas entre ellas, si el contenido del formulario se modifica, devuelve verdadero y el contenido del formulario se devuelve a False. El código es el siguiente:
Copiar código del código de la siguiente manera:
Función formisDirty (form) {
para (var i = 0; i <form.elements.length; i ++) {
varing = form.elements [i];
var type = element.type;
if (type == "CheckBox" || type == "radio") {{
If (element.check! = Element.defaultchecked) {
Devolver verdadero;
}
}
else if (type == "Hidden" || type == "contraseña" ||
Tipo == "Text" || Type == "TextArea")
if (element.value! = element.defaultValue) {{
Devolver verdadero;
}
}
else if (type == "select-one" || type == "select-multiple") {{
for (var j = 0; j <element.options.length; j ++) {
if (element.options [j] .select! =
element.options [j] .defaultSelect) {{
Devolver verdadero;
}
}
}
}
Devolver falso;
}
Window.onbeforeunload = function (e) {
e = e || window.event;
if (formisDirty (document.forms ["someForm"]) {{) {{) {
// es decir y Firefox
if (e) {{
e.returnValue = "Tienes cambios no salvos";
}
// navegador safari
Devuelve "Tienes cambios no salvos";
}
};
10 completamente prohibido usar la llave posterior
Las siguientes técnicas se colocan en la página, lo que puede evitar que los usuarios apunten a las claves y las claves de espalda, lo que se necesita en algunos casos. El código es el siguiente:
Copiar código del código de la siguiente manera:
<Script type = "text/javaScript">
Window.history.forward ();
función no () {window.history.forward ();}
</script>
</ablo>
<Cuerpo solo = "no ();"
Onpageshow = "if (event.persisisted) noback ();"
11 Eliminar el proyecto seleccionado en cuadros de opción múltiple
La técnica proporcionada a continuación es que cuando el usuario es seleccionado por múltiples proyectos en el cuadro de caída, cuando se elimina el punto, puede eliminarlos a la vez.
Copiar código del código de la siguiente manera:
Función selectboxRemove (SourceId) {{
// Obtener la ID de Idbox
var src = document.getElementById (SourceId);
// ciclo listbox
para (var count = src.options.length-1; count> = 0; count-) {
// Si encuentra la opción para eliminarse, elimínelo
if (src.options [count] .select == true) {
intentar {
src.remove (conteo, nulo);
} Capt (error) {
src.remove (cuenta);
}
}
}
}
12 Selección completa de ListBox y selección no llena
Si para el cuadro de lista especificado, el siguiente método se puede pasar a True o False de acuerdo con las necesidades del usuario, que representa todos los elementos en el cuadro de lista completo o todos los elementos.
Copiar código del código de la siguiente manera:
Funciones listboxelectDeselect (listId, isselect) {
var listBox = document.getElementById (listId);
for (var count = 0; count <listbox.options.length; count ++) {
listbox.options [count] .select = isselect;
}
}
13 Mueva hacia arriba y hacia abajo en el proyecto en ListBox
El siguiente código da cómo mover el proyecto en un cuadro de lista
Copiar código del código de la siguiente manera:
Funciones listbox_move (listId, dirección) {{
var listBox = document.getElementById (listId);
var selindex = listbox.selectex;
if (-1 == selindex) {{
Alerta ("Seleccione una opción para moverse");
Devolver;
}
Var increment = -1;
If (dirección == 'arriba')
incremento = -1;
demás
incremento = 1;
if (selindex + increment) <0 ||
(Selindex + increment)> (listbox.options.length-) {{) {{
Devolver;
}
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.SelectIndex = SelIndex + Increment;
}
// ..
// ..
listbox_move ('CountryList', 'Up');
listBox_move ('CountryList', 'Down');
14 Mueva el proyecto en dos cuadros de lista diferentes
Si en dos ListBox diferentes, a menudo necesita mover el proyecto en un cuadro de lista a la izquierda a otro ListBox.
Copiar código del código de la siguiente manera:
Funciones listBox_MoveAcross (SourceId, Destid) {
var src = document.getElementById (SourceId);
var dest = document.getElementById (Destid);
encontró que (var control = 0; contar
if (src.options [count] .select == true) {
opción var = src.options [count];
var newoction = document.createElement ("opción");
NewOption.Value = option.Value;
NewOption.Text = option.Text;
NewOption.select = true;
intentar {
Dest.Add (NeoPtion, NULL);
src.remove (conteo, nulo);
} Capt (error) {
Dest.Add (NeoPtion);
src.remove (cuenta);
}
contar-;
}
}
}
// ..
// ..
listBox_MoveAcross ('CountryList', 'selectDCountryList');
15 Inicialización rápida de la matriz de Javscript
El siguiente método proporciona un método de inicialización rápida de la matriz Javscript.
Copiar código del código de la siguiente manera:
Var número = [];
para (var i = 1; números.push (i ++) <100;);
// números = [0,1,2,3 ... 100]
Use el método de empuje de la matriz
16 Prueba el número decimal de posicionamiento
Si desea interceptar el número de posiciones después de decimal, puede usar el método tofixed, como:
Copiar código del código de la siguiente manera:
var num = 2.443242342;
alerta (num.tofixed (2));
El uso de Toprecision (X) proporciona la precisión del bit designado.
Copiar código del código de la siguiente manera:
num = 500.2349;
Result = num.TopRecision (4);
17 Compruebe si la cadena contiene otras cadenas
En el siguiente código, puede verificar si una cadena contiene otra cadena en una cadena. El código es el siguiente:
Copiar código del código de la siguiente manera:
if (! Array.prototype.indexof) {
Array.prototype.indexof = function (obj, start) {
para (var i = (inicio || 0), j = this.length; i <j; i ++) {
if (this [i] === obj) {return i;}
}
Regreso -1;
}
}
if (! string.prototype.contains) {
String.prototype.contains = function (arg) {
Regresar !!
};
}
El método indexo se reescribe en el código anterior y definió el método contenido.
Copiar código del código de la siguiente manera:
var Hay = "Un zorro marrón rápido salta sobre perezoso";
var aguja = "salta";
alerta (Hay.contains (aguja));
18 Eliminar los elementos repetitivos en la matriz de Javscript
El siguiente código puede eliminar los elementos repetitivos en la matriz JavaScript, como sigue:
Copiar código del código de la siguiente manera:
Función eliminauplicates (arr) {
test var = {};
para (var i = 0; i <arr.length; i ++)
temp [arr [i]] = true;
var r = [];
para (var k en prueba)
R.push (k);
Regresar r;
}
//uso
var fruits = ['manzana', 'naranja', 'durazno', 'manzana', 'fresa', 'naranja'];
var UniqueFRUITS = eliminados (de);
// emitir fruits únicos ['manzana', 'naranja', 'durazno', 'strawberry'];
19 Retire el exceso de espacio en la cuerda
El siguiente código agregará un método TRIM () para la cadena.
Copiar código del código de la siguiente manera:
if (! string.prototype.trim) {
String.prototype.trim = function () {
Devolver esto.replace (/^/s+|/s+$/g, '');
};
}
//uso
var str = "alguna cadena";
str.trim ();
// salida str = "alguna cadena"
20 redirección en JavaScript
En JavaScript, puede realizar la redirección.
Copiar código del código de la siguiente manera:
window.location.href = "//www.vevb.com";
21 Codifique la URL
A veces, debe codificar la transferencia en la URL.
Copiar código del código de la siguiente manera:
var myotherurl = "http://example.com/index.html?url=" + encodeuricomponent (myurl);
Original: http://viralpatel.net/blogs/javascript-tips-tricks/