1 JavaScriptアレイはCSV形式に変換します
まず、次のアプリケーションシナリオを検討してください。次に、次のヒントを使用できます。コードは次のとおりです。
次のようにコードコードをコピーします。
var Fruits = ['Apple'、 'Peaches'、 'Oranges'、 'Mangoes'];
var str = fruits.valueof();
出力:リンゴ、桃、オレンジ、マンゴー
その中で、valueof()メソッドは、JavaScriptアレイをコンマで区切られた文字列に変換します。 | No.のようなコンマセグメントを使用したくない場合は、次のように職務方法を使用してください。
次のようにコードコードをコピーします。
var Fruits = ['Apple'、 'Peaches'、 'Oranges'、 'Mangoes'];
var str = fruits.join( "|");
出力:Apple |
2 csv形式をjavscriptアレイに戻す
では、CSV形式をJavaScriptアレイに変換するにはどうすればよいですか? Split()メソッドを使用して、指定された文字を分離できます。
次のようにコードコードをコピーします。
var str = "リンゴ、桃、オレンジ、マンゴー";
var fruitsarray = str.split( "、");
出力FruitsArray [0]:Apple
3インデックスシフトによると、配列内の特定の要素
JavaScriptアレイから特定の要素を削除する必要がある場合、SPLICEメソッドを使用できます。
次のようにコードコードをコピーします。
関数RemoveByIndex(arr、index){{{
arr.splice(index、1);
}
test = new Array();
テスト[0] = 'Apple';
test [1] = 'ball';
test [2] = 'cat';
テスト[3] = 'dog';
Alert( "要素を削除する前の配列:"+テスト);
RemoveByIndex(TEST、2);
Alert( "要素を削除した後の配列:"+テスト);
最終的な出力は、リンゴ、ボール、犬です
4配列要素の値を削除する要素の値に応じて
次の手法は非常に実用的です。
次のようにコードコードをコピーします。
関数removebyValue(arr、val){{
for(var i = 0; i <arr.length; i ++){
if(arr [i] == val){
arr.splice(i、1);
壊す;
}
}
}
var somearray = ["mon"、 "tue"、 "wed"、 "thur"]]
removeByValue(somearray、 "");
// somearayには「Mon」、「Wed」、「Thur」の要素があります
もちろん、より良い方法は、次のようにプロトタイプを使用する方法を実現することです。次のコード:
次のようにコードコードをコピーします。
array.prototype.removebyvalue = function(val){
for(var i = 0; i <this.length; i ++){
if(this [i] == value){
this.splice(i、1);
壊す;
}
}
}
// ..
var somearray = ["mon"、 "tue"、 "wed"、 "thur"]]
somearray.removebyvalue( "tue");
5文字列で指定してメソッドを動的に呼び出す
実行中は、既存のメソッドを動的に呼び出してパラメーターを渡す必要がある場合があります。これを達成する方法は?次のコードは次のとおりです。
次のようにコードコードをコピーします。
var strfun = "SomeFunction"; // Functionは定義されたメソッド名です
var strparam = "これはパラメーターです";
var fn = window [strfun];
//コールメソッドはパラメーターに渡されます
fn(strparam);
6 1からN乱数を生成します
次のようにコードコードをコピーします。
var random = math.floor(math.random() * n + 1);
// 1〜10の間の乱数を生成します
var random = math.floor(math.random() * 10 + 1);
// 1〜100の間の乱数を生成します
var random = math.floor(math.random() * 100 + 1);
7ブラウザ閉鎖イベントをキャプチャします
ユーザーがブラウザを閉じると、次のコードが非常に役立つものが保存されていることを促すことがよくあります。
次のようにコードコードをコピーします。
<スクリプト言語= "javascript">
function fnunloadhandler(){
alert( "アンロードイベント.. utersセッションを無効にするために何かをします..");
}
</script>
<body onbeforeunload = "fnunloadhandler()">
... ...
</body>
onbeforeunload()イベントのコードを記述するだけです
8バックキーを押すかどうかを確認します
同様に、ユーザーがバックキーを押すかどうかを確認できます。コードは次のとおりです。
次のようにコードコードをコピーします。
window.onbeforeunload = function(){
「あなたが働く仕事は失われるだろう」を返します。
};
9フォームデータが変更されるかどうかを確認します
場合には、ユーザーがフォームでコンテンツを変更するかどうかを確認する必要がある場合、フォームのコンテンツがtrueに戻り、フォームのコンテンツがfalseに返される場合、次の手法を使用できます。コードは次のとおりです。
次のようにコードコードをコピーします。
function formisdirty(form){
for(var i = 0; i <form.elements.length; i ++){
varing = form.elements [i];
var type = element.type;
if(type == "チェックボックス" || type == "Radio"){{
if(element.check!= element.defaultChecked){
trueを返します。
}
}
else if(type == "hidden" || type == "パスワード" ||
type == "text" ||。
if(element.value!= element.defaultValue){{
trueを返します。
}
}
else if(type == "select-one" || type == "select-multiple"){{
for(var j = 0; j <lement.options.length; j ++){
if(element.options [j] .select!=
element.options [j] .defaultSelect){{
trueを返します。
}
}
}
}
falseを返します。
}
window.onbeforeunload = function(e){
e = e ||。
if(formisdirty(document.forms ["someform"]){{){{){
// IEとFirefox
if(e){{
e.returnValue = "救われていない変更があります。";
}
// safariブラウザ
「救われていない変更があります」を返します。
}
};
10バックキーを使用することは完全に禁止されています
次の手法がページに配置されており、ユーザーがバックキーとバックキーを向けないようにすることができます。これは、場合によっては必要です。コードは次のとおりです。
次のようにコードコードをコピーします。
<script type = "text/javascript">
window.history.forward();
function not(){window.history.forward();}
</script>
</head>
<bodyのみ= "not();"
onpageshow = "if(event.persisisted)nounload =" ">>
11複数選択ボックスで選択されたプロジェクトを削除します
以下に示す手法は、ユーザーがドロップダウンボックスの複数のプロジェクトによって選択された場合、ポイントが削除されると、コードを次のように削除できることです。
次のようにコードコードをコピーします。
関数SelectBoxRemove(sourceID){{
// idbox IDを取得します
var src = document.getElementById(sourceID);
//サイクルリストボックス
for(var count = src.options.length-1; count> = 0; count-){
//削除するオプションが見つかった場合は、削除してください
if(src.options [count] .select == true){
試す {
src.remove(count、null);
} catch(error){
src.remove(count);
}
}
}
}
12 ListBoxの完全な選択と非完全な選択
指定されたリストボックスの場合、ユーザーのニーズに応じて、次の方法をtrueまたはfalseに渡すことができます。
次のようにコードコードをコピーします。
function listboxselectdeselect(listId、select){
var listbox = document.getElementById(listId);
for(var count = 0; count <listbox.options.length; count ++){
listbox.options [count] .select = yuselect;
}
}
13リストボックスのプロジェクトを上下に移動します
次のコードは、リストボックスにプロジェクトを移動する方法を示しています
次のようにコードコードをコピーします。
function listbox_move(listId、direction){{
var listbox = document.getElementById(listId);
var selindex = listbox.selectex;
if(-1 == selindex){{
アラート(「移動するオプションを選択してください。 ");
戻る;
}
var increment = -1;
if(direction == 'up')
増分= -1;
それ以外
Increment = 1;
if(selindex + increment)<0 ||
(selindex + increment)>(listbox.options.length-){{){{{{
戻る;
}
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 2つの異なるリストボックスにプロジェクトを移動します
2つの異なるリストボックスにある場合、左側のリストボックスでプロジェクトを別のリストボックスに移動する必要があります。
次のようにコードコードをコピーします。
function listbox_moveacross(sourceid、destid){
var src = document.getElementById(sourceID);
var dest = document.getElementbyid(destid);
(var Control = 0; count
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;
試す {
Dest.Add(newoption、null);
src.remove(count、null);
} catch(error){
Dest.Add(newoption); //のみ
src.remove(count);
}
カウント-;
}
}
}
// ..
// ..
listbox_moveaCross( 'CountryList'、 'SelectDCountryList');
15 Javscriptアレイのクイック初期化
次の方法は、Javscriptアレイの迅速な初期化の方法を示しています。
次のようにコードコードをコピーします。
var number = [];
for(var i = 1; numbers.push(i ++)<100;);
//番号= [0,1,2,3 ... 100]
配列のプッシュメソッドを使用します
16ポジショニングの小数をテストします
小数の後に位置の数を傍受する場合は、次のようなトフィックスされた方法を使用できます。
次のようにコードコードをコピーします。
var num = 2.443242342;
アラート(num.tofixed(2));
Procrecision(x)の使用は、ここで指定されたビットの精度を提供します。
次のようにコードコードをコピーします。
num = 500.2349;
result = num.toprecision(4);
17文字列に他の文字列が含まれているかどうかを確認します
次のコードでは、文字列に文字列に他の文字列が含まれているかどうかを確認できます。コードは次のとおりです。
次のようにコードコードをコピーします。
if(!array.prototype.indexof){
array.prototype.indexof = function(obj、start){
for(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){
return !! this.indexof(arg);
};
}
Indexofメソッドは、上記のコードで書き換えられ、使用方法は次のとおりです。
次のようにコードコードをコピーします。
var hay = "素早い茶色のキツネが怠zyな犬を飛び越えます";
var heedle = "ジャンプ";
アラート(hay.contains(針));
18 javscriptアレイの繰り返し要素を削除します
次のコードは、次のように、JavaScriptアレイの反復要素を削除できます。
次のようにコードコードをコピーします。
関数削除uplicates(arr){
var test = {};
for(var i = 0; i <arr.length; i ++)
temp [arr [i]] = true;
var r = [];
for(テスト中のvar k)
r.push(k);
rを返します。
}
//使用法
var Fruits = ['Apple'、 'Orange'、 'Peach'、 'Apple'、 'strawberry'、 'orange'];
var sinquefruits = removeduplicates(from);
// output sinquefruits ['apple'、 'orange'、 'Peach'、 'strawberry'];
19弦の余分なスペースを削除します
次のコードは、コードにtrim()メソッドを追加します。
次のようにコードコードをコピーします。
if(!string.prototype.trim){
string.prototype.trim = function(){
this.replace(/^/s+|/s+$/g、 '')を返します。
};
}
//使用法
var str = "Some String";
str.trim();
//出力str = "いくつかの文字列"
20 JavaScriptのリダイレクト
JavaScriptでは、次のようなものです。
次のようにコードコードをコピーします。
window.location.href = "//www.vevb.com";
21 URLをコードします
時々、メソッドの転送をエンコードする必要があります。
次のようにコードコードをコピーします。
var myotherurl = "http://example.com/index.html?url=" + encodeuricomponent(myurl);
オリジナル:http://viralpatel.net/blogs/javascript-tips-tricks/