jQueryアレイが交差します
-
25-09-2019 - |
質問
私は以前、この質問をjquery/javascript:arraysとして投稿しました - jquery/javascript:配列。しかし、私は完全な初心者なので、私は質問を間違って策定し、答えも理解していませんでした.... :(
指定されたソリューションを実装できなかった後、私はもう少し見回した後、可能な選択肢の6つの配列を比較し、最終的に重複する値のみを表示するために交差する必要があることがわかりました。
したがって、これは、より明確な定式化です。
回答用のラジオボタンの6つの質問/6グループがあります。各回答には複数の値があります(最終的な「アドバイス」に表示される1〜38項目の範囲です)。アレイ内のチェックラジオの値を収集しています。 6つの配列があります。
6つの選択肢のみを含む1つの最終配列をすべて6つの選択肢に形成するために、6つの配列を交差させるにはどうすればよいですか?この最終配列のアイテムをセレクターに変えるにはどうすればよいですか?
誰かが私を助けてくれませんか?ありがとうございました!
私のスクリプトは今のように見えます:
(function($){
$.fn.checkboxval = function(){
var outArr = [];
this.filter(':checked').each(function(){
outArr.push(this.getAttribute("value"));
});
return outArr;
};
})
(jQuery);
$(function(){
$('#link').click(function(){
var valArr1 = $('#vraag1 input:radio:checked').checkboxval();
var valArr2 = $('#vraag2 input:radio:checked').checkboxval();
var valArr3 = $('#vraag3 input:radio:checked').checkboxval();
var valArr4 = $('#vraag4 input:radio:checked').checkboxval();
var valArr5 = $('#vraag5 input:radio:checked').checkboxval();
var valArr6 = $('#vraag6 input:radio:checked').checkboxval();
// var newArray = $.merge(valArr1, valArr2, valArr3, valArr4, valArr5, valArr6); <- test to see if I can merge them
// $('#output').text(newArray.join(',')); <- test to see if I can join them
//$("#output").html($("#output").html().replace(/,/gi, ',#diet')); <- test to see if I can append text so it looks like the selectors of divs I need to display later
// return false;
});
});
私のフォーム/入力は次のように見えます:
<input name="vraag1" type="radio" value="1a,4,5,12,13,17a,18,19,22,23,24,26,27,28,29,30,33,38,6" class="radio advice" id="vraag1-0" /><label for="vraag1-0">ja</label>
<br />
<input name="vraag1" type="radio" value="1b,1,2,3,7,8,11,9,14,15,16,17,20,21,25,31,34,35,36,37,10,32" class="radio advice" id="vraag1-1" /><label for="vraag1-1">nee</label>
<br />
<input name="vraag1" type="radio" value="1c,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,17a,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38" class="radio advice" id="vraag1-2" /><label for="vraag1-2">maakt mij niet uit</label>
解決
あなたの質問はまだ私にとって非常に混乱しています。
しかし、あなたは入力から価値を取得し、それらを結合しようとしているようです。しかし、それらはすべて配列ではなく文字列です。
文字列を一緒に追加して、それを使用してバラバラにしてみてください split()
(デモ)
$('#link').click(function() {
var radios = '';
$('input:radio:checked').each(function() {
radios += $(this).val() + ',';
})
// remove last comma & convert to array
radios = radios.substring(0, radios.length - 1).split(',');
// do something with the array
console.debug(radios);
})
更新:OK、デモHTMLから、6つの重複を取得できなかったので、デモで3つ以上のマッチを見つけるように設定しました。このスクリプトを書いて、アレイで複製を見つける必要がありました。また、複製の数を持つ連想オブジェクトを返すようにしました。より良い方法があるかもしれませんが、これは私が思いついたものです(デモを更新しました):
$(function() {
$('#link').click(function() {
var radios = '';
$('input:radio:checked').each(function() {
radios += $(this).val() + ',';
})
// remove last comma & convert to array
var results = [],
dupes = radios
.substring(0, radios.length - 1)
.split(',')
.getDuplicates(),
arr = dupes[0],
arrobj = dupes[1],
minimumDuplicates = 6; // Change this to set minimum # of dupes to find
// find duplicates with the minimum # required
for (var i=0; i < arr.length; i++){
if ( arrobj[arr[i]] >= minimumDuplicates ){
results.push(arr[i]);
}
}
// Show id of results
var diets = $.map(results, function(n,i){ return '#diet' + n; }).join(',');
$(diets).show(); // you can also slideDown() or fadeIn() here
})
});
/* Find & return only duplicates from an Array
* also returned is an object with the # of duplicates found
* myArray = ["ccc", "aaa", "bbb", "aaa", "aaa", "aaa", "aaa", "bbb"];
* x = myArray.getDuplicates();
* // x = [ array of duplicates, associative object with # found]
* // x = [ ['aaa','bbb'] , { 'aaa' : 5, 'bbb' : 2 } ]
* alert(x[0]) // x[0] = ['aaa','bbb'] & alerts aaa,bbb
* alert(x[1]['aaa']) // alerts 5;
*/
Array.prototype.getDuplicates = function(sort) {
var u = {}, a = [], b = {}, c, i, l = this.length;
for (i = 0; i < l; ++i) {
c = this[i];
if (c in u) {
if (c in b) { b[c] += 1; } else { a.push(c); b[c] = 2; }
}
u[c] = 1;
}
// return array and associative array with # found
return (sort) ? [a.sort(), b] : [a, b];
}
他のヒント
jqueryをロードすると、コンソールをパンチできます。
a1=[1,2,3]
a2=[2,3,4,5]
$.map(a1,function(a){return $.inArray(a, a2) < 0 ? null : a;})
出力は次のとおりです。
[2, 3]
同じことを疑問に思っていて、これを思いついた:
$(["a","b"]).filter(["a","c"])
戻り値
["a"]
あなたがアレイで交差する操作をしたい場合は、jQueryプラグインを使用できます jQueryアレイユーティリティ
以下は、それを使用する方法のコードラインの例です。
$.intersect([1, 2, 2, 3], [2, 3, 4, 5, 5])
結果を返します[2,3
見る JavaScriptの配列交差点の最も単純なコード 交差関数の場合。文字列を分割( "、")で分割し、結果の文字列の配列で交差を行います。
function intersect(a, b) {
var aIsShorter = a.length < b.length;
var shorter = aIsShorter ? a : b;
var longer = aIsShorter ? b : a;
return longer.filter(isFoundInOther).filter(isFoundOnce);
function isFoundInOther(e) {
return shorter.indexOf(e) !== -1;
}
function isFoundOnce(element, index, array) {
return array.indexOf(element) === index;
}
}