1 JavaScript Array converte em formato CSV
Primeiro, considere os seguintes cenários de aplicação. Então podemos usar as dicas a seguir, o código é o seguinte:
Copie o código do código da seguinte forma:
var frutas = ['maçã', 'pêssego', 'laranjas', 'mangas'];
var str = frutas.valueof ();
Saída: maçã, pêssegos, laranjas, mangas
Entre eles, o método ValueOf () transformará a matriz JavaScript em seqüências separadas por vírgula. Deve -se notar que, se você não quiser usar um segmento de vírgula, como | Não. Divida, use o método do trabalho, como segue:
Copie o código do código da seguinte forma:
var frutas = ['maçã', 'pêssego', 'laranjas', 'mangas'];
var str = frutas.Join ("|");
Saída: Apple |
2 Re -associa o formato CSV de volta à matriz Javscript
Então, como transformar um formato CSV de volta à matriz JavaScript? Você pode usar o método Split () para separar o caractere especificado.
Copie o código do código da seguinte forma:
var str = "maçã, pêssegos, laranja, mangas";
var fruitSarray = str.split (",");
Saída FruitSarray [0]: Apple
3 De acordo com a mudança de índice, um certo elemento na matriz
Se você precisar remover um determinado elemento da matriz JavaScript, poderá usar o método de emenda.
Copie o código do código da seguinte forma:
Função removebyIndex (arr, index) {{
Arr.splice (índice, 1);
}
teste = new Array ();
teste [0] = 'Apple';
teste [1] = 'bola';
teste [2] = 'gato';
teste [3] = 'cachorro';
alerta ("Array antes de remover elementos:"+teste);
Removebyindex (teste, 2);
alerta ("Array após remover elementos:"+teste);
A saída final é maçã, bola, cachorro
4 Dependendo do valor do elemento para remover o valor no elemento da matriz
As seguintes técnicas são muito práticas.
Copie o código do código da seguinte forma:
Função removebyValue (arr, val) {{
for (var i = 0; i <arn.length; i ++) {
if (arr [i] == val) {
Arr.splice (i, 1);
Quebrar;
}
}
}
Var SomeArray = ["Mon", "Ter", "Wed", "Thur"]
RemovebyValue (SOMEARRAY, "");
// Somearay terá os elementos de "Mon", "Wed", "Thur"
Obviamente, uma maneira melhor é alcançar o método de usar o protótipo, como segue: o seguinte código:
Copie o código do código da seguinte forma:
Array.prototype.removeByValue = function (val) {
for (var i = 0; i <this.length; i ++) {
if (este [i] == valor) {
this.splice (i, 1);
Quebrar;
}
}
}
// ..
Var SomeArray = ["Mon", "Ter", "Wed", "Thur"]
SOMARRAY.RemoveByValue ("Ter");
5 Ligue dinamicamente um método especificado por uma string
Às vezes, ao executar, você precisa chamar dinamicamente um método existente e passar os parâmetros para ele. Como conseguir isso? O código a seguir pode ser:
Copie o código do código da seguinte forma:
Var strfun = "Somefunction";
var strparam = "Este é o parâmetro";
var fn = janela [strfun];
// O método de chamada é passado para parâmetros
fn (strparam);
6 Gere 1 a N números aleatórios
Copie o código do código da seguinte forma:
var aleatória = math.floor (math.random () * n + 1);
// gerar números aleatórios entre 1 e 10
var aleatória = math.floor (math.random () * 10 + 1);
// gerar números aleatórios entre 1 e 100
var aleatória = math.floor (math.random () * 100 + 1);
7 Capture o evento de fechamento do navegador
Geralmente, esperamos que, quando o usuário fechar o navegador, ele solicita que o usuário salve o que não foi preservado.
Copie o código do código da seguinte forma:
<Script Language = "JavaScript">
Função fnunloadHandler () {
alerta ("Evento de descarregamento .. faça algo para invalidar a sessão de uters ..");
}
</script>
<Body onBeforeUnload = "fnunloadHandler ()">
... ...
</body>
Basta escrever o código do evento OnBeforeUnLoad ()
8 Verifique se você pressionar a tecla traseira
Da mesma forma, você pode verificar se o usuário pressiona a tecla traseira, o código é o seguinte:
Copie o código do código da seguinte forma:
Window.onBeforeUnload = function () {
Retornar "seu trabalho será perdido.";
};
9 Verifique se os dados do formulário mudam
Às vezes, se você precisar verificar se o usuário modifica o conteúdo em um formulário, pode usar as seguintes técnicas. O código é o seguinte:
Copie o código do código da seguinte forma:
Função formisdirty (form) {
for (var i = 0; i <form.elements.length; i ++) {
varing = form.Elements [i];
var tipo = element.type;
if (type == "Caixa de seleção" || tipo == "rádio") {{
If (element.check! = Element.DefaultChecked) {
Retornar true;
}
}
caso contrário, if (type == "Hidden" || tipo == "senha" ||
Tipo == "texto" || tipo == "textarea") {{
if (element.value! = element.defaultValue) {{
Retornar true;
}
}
caso contrário, if (type == "select-one" || tipo == "select-multiple") {{
for (var j = 0; j <element.options.length; j ++) {
if (element.options [j] .Select! =
Element.Options [J] .DefaultSelect) {{
Retornar true;
}
}
}
}
Retornar falso;
}
Window.onBeforeUnLoad = function (e) {
e = e || janela.event;
if (formisdirty (document.forms ["someform"]) {{) {{) {
// ie e firefox
if (e) {{
e.returnValue = "Você tem alterações não salvas.";
}
// navegador Safari
Retornar "você tem alterações não salvas".;
}
};
10 completamente proibido de usar a chave traseira
As seguintes técnicas são colocadas na página, o que pode impedir que os usuários apontem as teclas de volta e traseiras, o que é necessário em alguns casos. O código é o seguinte:
Copie o código do código da seguinte forma:
<Script type = "text/javascript">
window.history.forward ();
function não () {window.history.forward ();}
</Script>
</head>
<Body somente = "não ();"
OnPageshow = "if (event.persisisted) noback ();" Onunload = "" >>
11 Exclua o projeto selecionado em caixas de múltipla escolha
A técnica fornecida abaixo é que, quando o usuário é selecionado por vários projetos na caixa de queda, quando o ponto é excluído, você pode excluí -los ao mesmo tempo.
Copie o código do código da seguinte forma:
Função selectBoxRemove (SourceId) {{
// Obtenha o ID do IDBox
var src = document.getElementById (SourceID);
// Ciclo ListBox
for (var count = src.options.length-1; count> = 0; count-) {
// Se você encontrar a opção de ser excluído, exclua -o
if (src.options [count] .Select == true) {
tentar {
src.remove (contagem, nulo);
} Catch (erro) {
src.remove (contagem);
}
}
}
}
12 Seleção completa do ListBox e seleção não -full
Se para a caixa de listagem especificada, o método a seguir poderá ser transmitido em verdadeiro ou falso de acordo com as necessidades do usuário, que representa todos os itens na caixa de listagem completa ou em todos os itens.
Copie o código do código da seguinte forma:
Função ListBoxSelectDeselect (listID, isSelect) {
var listbox = document.getElementById (listID);
for (var count = 0; count <listbox.options.length; count ++) {
listbox.options [count] .Select = isSelect;
}
}
13 Aumente o projeto para cima e para baixo no ListBox
O código a seguir fornece como mover o projeto em uma caixa de listagem
Copie o código do código da seguinte forma:
Função listbox_move (listid, direção) {{
var listbox = document.getElementById (listID);
var selIndex = listbox.leclectEx;
if (-1 == Selindex) {{
Alerta ("Selecione uma opção para mover");
Retornar;
}
Var increment = -1;
If (direção == 'up')
incremento = -1;
outro
incremento = 1;
if (Selindex + incremento) <0 ||
(Selindex + Increment)> (ListBox.Options.Length-) {{) {{
Retornar;
}
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', 'para baixo');
14 Mova o projeto em duas caixas de listagem diferentes
Se em duas listagens diferentes, você geralmente precisará mover o projeto em uma caixa de listagem à esquerda para outra caixa de listagem.
Copie o código do código da seguinte forma:
Função listbox_moveacross (fonteID, destino) {
var src = document.getElementById (SourceID);
var dest = document.getElementById (Destid);
descobriu que (var controle = 0; contagem
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;
tentar {
Dest.add (NewOption, NULL);
src.remove (contagem, nulo);
} Catch (erro) {
Dest.add (NewOption);
src.remove (contagem);
}
contar-;
}
}
}
// ..
// ..
listbox_moveacross ('countrylist', 'selectDCountryList');
15 Inicialização rápida da matriz Javscript
O método a seguir fornece um método de inicialização rápida da matriz JAVScript.
Copie o código do código da seguinte forma:
var número = [];
for (var i = 1; números.push (i ++) <100;);
// números = [0,1,2,3 ... 100]
Use o método push da matriz
16 Teste o número decimal de posicionamento
Se você deseja interceptar o número de posições após decimal, pode usar o método tofixado, como:
Copie o código do código da seguinte forma:
var num = 2,443242342;
alerta (num.tofixado (2));
O uso do toprecision (x) fornece a precisão do bit designado.
Copie o código do código da seguinte forma:
num = 500.2349;
resultado = num.toprecision (4);
17 Verifique se a string contém outras seqüências
No código a seguir, você pode verificar se uma string contém outra string em uma string. O código é o seguinte:
Copie o código do código da seguinte forma:
if (! Array.prototype.Indexof) {
Array.prototype.indexOF = function (obj, start) {
for (var i = (start || 0), j = this.length; i <j; i ++) {
if (este [i] === obj) {return i;}
}
Retornar -1;
}
}
if (! string.prototype.contains) {
String.prototype.contains = function (arg) {
Retornar !! ~ this.indexof (arg);
};
}
O método IndexOf é reescrito no código acima e definido o método contém. O método de uso é o seguinte:
Copie o código do código da seguinte forma:
var hay = "uma raposa marrom rápida pula sobre o cão preguiçoso";
var agulha = "saltos";
alerta (hay.contains (agulha));
18 Remova os elementos repetitivos na matriz Javscript
O código a seguir pode remover os elementos repetitivos na matriz JavaScript, como segue:
Copie o código do código da seguinte forma:
Função removida fulicates (arr) {
var teste = {};
for (var i = 0; i <arn.length; i ++)
temp [arr [i]] = true;
var r = [];
para (var k no teste)
R.Push (K);
Retornar r;
}
//uso
var frutas = ['Apple', 'Orange', 'Peach', 'Apple', 'Strawberry', 'Orange'];
var uncelasFruits = removeduplicates (de);
// output exclusivofruits ['Apple', 'Orange', 'Peach', 'Strawberry'];
19 Remova o excesso de espaço na corda
O código a seguir adicionará um método TRIM () à string.
Copie o código do código da seguinte forma:
if (! string.prototype.trim) {
String.prototype.trim = function () {
Retorne this.Replace (/^/S+|/S+$/G, '');
};
}
//uso
var str = "alguma string";
str.Trim ();
// output str = "alguma string"
20 redirecionamento em javascript
Em JavaScript, você pode perceber o redirecionamento.
Copie o código do código da seguinte forma:
window.location.href = "//www.vevb.com";
21 Code o URL
Às vezes, você precisa codificar a transferência no URL.
Copie o código do código da seguinte forma:
var myotherurl = "http://example.com/index.html?url=" + Encodeuricomponent (myurl);
ORIGINAL: http://viralpatel.net/blogs/javascript-tips-tricks/