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

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

WBOY

リリース： 2016-05-16 17:23:13

オリジナル

968 人が閲覧しました

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

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

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

;

コード

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;

実行結果:

デモ 3:

json 要素の挿入、変更、削除、および文字列への形式の変換

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

IT-Homerデモ

< ;/body>

デモ 4:

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

コードをコピーします

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

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

运行结果：