JavaScript 输出为分号,以 50 块为单位


javascript output as semicolon in chunks of 50

我很困惑试图解决这个问题。

1)我有一个PHP数组,它JSON_ENCODE存储在JS数组1中。

2

)然后是一个文本区域,输入被拆分为JS数组2。

3)然后将数组和Slice&Concat与扣除的array1中的值进行比较。

4)然后采用array2并将其分成50的arraySize。

我面临的问题是我需要 50 的块来分隔每个值的分号,在每个块的末尾有一个分号。

我以前使用过连接,但是";"被添加到数组中,我的 arraySize 搞砸了。

任何帮助都非常感谢。

//Store PHP values.
var ci_sites = <?echo json_encode($ci_pass);?>;

function dobuild(){
//Store textarea input into Array, Duplicates Removed.
var text = $("textarea#builder").val();
var lines = text.split(/'r'n|'s+'n|'s+'r|'n+|'r+/g); 
var lines_arr = [];
    $.each(lines,function(index, item){
        if ($.inArray(item, lines_arr) ==-1)
            lines_arr.push(item);
    })
//Remove value from ci_sites.
var A1 = lines_arr;
var A2 = ci_sites;
for (var i = 0; i<A2.length; i++) {
    var arrlen = A1.length;
    for (var j = 0; j<arrlen; j++) {
        if (A2[i] == A1[j]) {
            A1 = A1.slice(0, j).concat(A1.slice(j+1, arrlen));
        }
    }
}
//Chunk The Array Into Sets Of 50.
var cleaned = A1;
var chunk = [];
var arraySize = 50;
for (var i = 0; i < Math.ceil(cleaned.length/arraySize); i++) {
    chunk.push(cleaned.slice(i*arraySize,i*arraySize+arraySize));
    var chunkbr = chunk.join("<br>");
    $("#cleanlist").html("Cleaned CI's:<br><span style='color:#f00'>"+chunkbr+"</span>");
    }*/ 
}`

@sly

存储在ci_sites中的值为:

111 222 333 444

存储在lines_arr中的值包括:

111 222 333 444 555 666 777

输出将是:

555,666,777

chunk.join 位于 for 中,因为它将 Chunk 分解为 50。

我的解决方案:

//Store PHP values.
var ci_sites = [111, 222, 333, 444];

function dobuild(){
//Store textarea input into Array, Duplicates Removed.
var text = '111 222 333 444 555 666 777 abc kjl poi sdf tyu pom bgf yui sdf uyt qdf etr hgf jkh sdg por jkh cdf cdf ùpo eri'.replace(/ /g,''r'n'); //$("textarea#builder").val();

var lines = text.split(/'r'n|'s+'n|'s+'r|'n+|'r+/g); 
var lines_arr = [];
    $.each(lines,function(index, item){
        if ($.inArray(item, lines_arr) ==-1)
            lines_arr.push(item);
    });
console.dir( lines_arr);
//Remove value from ci_sites.
var A1 = lines_arr;
var A2 = ci_sites;
for (var i = 0; i<A2.length; i++) {
    var arrlen = A1.length;
    for (var j = 0; j<arrlen; j++) {
        if (A2[i] == A1[j]) {
            A1 = A1.slice(0, j).concat(A1.slice(j+1, arrlen));
        }
    }
}
//Chunk The Array Into Sets Of 50.
var cleaned = A1;
var chunk = [];
var arraySize = 50;
for (var i = 0; i < Math.ceil(cleaned.length/arraySize); i++) {
    chunk.push(cleaned.slice(i*arraySize,i*arraySize+arraySize).join(';') );
    var chunkbr = chunk.join("<br>");
    $("#cleanlist").append("<p>i=" + i + " Cleaned CI's:<br><span style='color:#f00'>"+chunkbr+"</span></p>");
    }
}
dobuild();

演示在这里

以下 JavaScript 应该可以满足你的需求:

var ci_sites = ['111', '222', '333', '444'];
function dobuild() {
    // grab the user input from the text area (unique)
    var input = $('#builder').val()
        .split(/'r'n|'s+'n|'s+'r|'n+|'r+/g)
        .filter(function (value, index, self) {
            return (self.indexOf(value) === index);
        });
    // diff between user and PHP content
    var diff = input.filter(function (item) {
        return (ci_sites.indexOf(item) < 0);
    });
    // chunk up the array (using chunks of 2 as an example)
    var chunked = chunk(diff, 2);
    // join them back 
    var output = chunked.map(function (item) {
        return item.join(',');
    }).join(';');
}
// http://stackoverflow.com/a/22649021/283078
function chunk(arr, n) {
    return arr.slice(0, (arr.length + n - 1) / n | 0).map(function (c, i) {
        return arr.slice(n * i, n * i + n);
    });
}

JSFiddle 示例