demo2:
ホームページ > ウェブフロントエンド > jsチュートリアル > js は、json や文字列の比較などの一般的な操作を処理します_javascript スキル

js は、json や文字列の比較などの一般的な操作を処理します_javascript スキル

WBOY
リリース: 2016-05-16 17:23:13
オリジナル
996 人が閲覧しました

js は、json 形式の挿入、変更、削除、文字列の比較などの一般的な操作を処理します

デモ 1:
json 形式の挿入と削除

コードをコピー コードは次のとおりです:


;


;





🎜>

実行結果:


demo2:




コードをコピー

コード

js は、json や文字列の比較などの一般的な操作を処理します_javascript スキル

関数 toLeft() {
var list1 = document.getElementById("list1"); var list2 = document.getElementById("list2"); for (var i = list2.options.length-1; i >= 0 ; i--) { if(list2.options[i].selected ==true){ var op = document.createElement("option"); [i].text; op.value = list2.options[i].value;
list2.remove(i);
}

function toRight() {
var list1 = document.getElementById("list1");
var list2 = document.getElementById("list2"); >for (var i = list1.options.length-1; i >= 0 ; i--) {
if(list1.options[i].selected ==true){
var op = document .createElement("オプション");
op.text = list1.options[i].text;
op.value = list1.options[i].value;
list1.remove(i);
}
}
}

function submit() {
var list2 = document.getElementById("list2" ); >var innerStr = "";
for (var i = 0; i innerStr = i " - " list2.options[i].text " : " list2 .options[i].value "
";
}
var wt = document.getElementById("wt");
wt.innerHTML = innerStr;













実行結果:
js は、json や文字列の比較などの一般的な操作を処理します_javascript スキル
デモ 3:

json 要素の挿入、変更、削除、および文字列への形式の変換
コードをコピー コードは次のとおりです:


IT-Homerデモ





< ;/body>



デモ 4:

2 つの文字列の異なる要素を比較します2 つの文字列には包含関係があります。つまり、一方の文字列は他方の文字列の部分文字列である必要があります。たとえば、{1,2,4} は {1,2,3,4, の部分文字列です。 5}




コードをコピーします

コードは次のとおりです。
js は、json や文字列の比較などの一般的な操作を処理します_javascript スキル

/title> <br><br><body> <div class="codetitle"><input type="button" id= "parse" value=" parse json" onclick="parseJson222()" /> <span><div id="txt" /> <a style="max-width:90%" data="73695" class="copybut" id="copybut73695" onclick="doCopy('code73695')"><u><script type="text/javascript"> ; </u>function parseJson222 (){ </a>var txt = document.getElementById("txt"); </span> </div>// var jsonData_old = '_2,4,_4,21,_5,22,8, _7,23,_9, 11,12,13,61'; <div class="codebody" id="code73695">// var jsonData_new = '_2,_3,1,2,3,4,_4,21,_5,22,_6,5,6, 7,8,_7, 23,_9,11,12,13,14,-1,61'; <br><br>var jsonData_new = '_2,4,_4,21,_5,22,8,_7, 23,_9,11, 12,13,61'; <br>var jsonData_old = '_2,_3,1,2,3,4,_4,21,_5,22,_6,5,6,7,8, _7,23,_9, 11,12,13,14,-1,61'; <br><br>var diffJson(jsonData_old, jsonData_new); <br><br>txt.innerHTML = diff; ><br>printArray( "diff", diff); <br><br>function diffJson(jsonData_old, jsonData_new){ <br>var diff = "" <br><br>var oldArray = jsonData_old; .split("," ); <br>var newArray = jsonData_new.split(","); <br>var newLen = newArray.length; minLen = Math.min(oldLen, newLen); <br>if(minLen == newLen){ <br>tmpArray = newArray; // 配列を入れ替えます <br>newArray = tmpArray; <br>newLen = oldLen ; // 配列の長さを交換します <br>oldLen = minLen; <br><br>printArray("newArray", newArray); <br><br> var arr = []; <br>for(i=0; i<newlen i>var j=0; <br>for(j=0; j<oldlen j>if (newArray[i] == oldArray[j]){ <br>break; <br>} <br>} <br>if(j == oldLen){ <br>arr.push( newArray[i]); <br>} <br>} <br>return arr; <br><br>function printArray(tag, arr){ <br>var len = document.write(" <br>"); <br>document.write(tag " : " arr.toString()) <br><br></script> ;/body> <br></html> <br><br> <br>デモ 5: <br><br><br><br><br>コードをコピーします<br><br><br> コードは次のとおりです: <br><div class="codebody" id="code55132"> <br><html> <br> <br><title>こんにちは









我,喜,欢

,你

,做,朋,友





<スクリプト言語="javascript">
var textareaId = document.getElementById("textareaId");

var adddelTextId = document.getElementById("adddelTextId");
varnormalTextId = document.getElementById("normalTextId");
var addTextId = document.getElementById("addTextId");
var delTextId = document.getElementById("delTextId");

function initLoad(){
adddelText =normalTextId.innerHTML addTextId.innerHTML;
textareaId.innerHTML = adddelText;
}

function hh(){
adddelTextFunc(true, ",IT-Homer");
adddelTextFunc(false, ",Sunboy_2050");
}

function adddelTextFunc(isAdd, txt){
if(isAdd){ //
addTextId.innerHTML = txt を追加します。
} else { // del
delTextId.innerHTML = txt;
}

adddelText =normalTextId.innerHTML addTextId.innerHTML;
textareaId.innerHTML = adddelText;
}





运行结果:
js は、json や文字列の比較などの一般的な操作を処理します_javascript スキル
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート