[javascript] طريقة جافا سكريبت الأنيقة لتقسيم السلسلة إلى مقاطع طويلة


Answers

إذا كنت لا تريد استخدام تعبير عادي ...

var chunks = [];

for (var i = 0, charsLength = str.length; i < charsLength; i += 3) {
    chunks.push(str.substring(i, i + 3));
}

jsFiddle .

... وإلا فإن حل regex جيد جدًا :)

Question

كما يقول العنوان ، لقد حصلت على سلسلة ، وأريد أن انقسم إلى شرائح طويلة ن الأحرف.

فمثلا:

var str = 'abcdefghijkl';

بعد بعض السحر مع ن = 3 ، سوف تصبح

var arr = ['abc','def','ghi','jkl'];

هل هناك طريقة أنيقة للقيام بذلك؟




بناء على الإجابات السابقة على هذا السؤال ؛ ستقوم الدالة التالية بتقسيم سلسلة ( str ) n-number ( size ) من الأحرف.

function chunk(str, size) {
    return str.match(new RegExp('.{1,' + size + '}', 'g'));
}

عرض

(function() {
  function chunk(str, size) {
    return str.match(new RegExp('.{1,' + size + '}', 'g'));
  }
  
  var str = 'HELLO WORLD';
  println('Simple binary representation:');
  println(chunk(textToBin(str), 8).join('\n'));
  println('\nNow for something crazy:');
  println(chunk(textToHex(str, 4), 8).map(function(h) { return '0x' + h }).join('  '));
  
  // Utiliy functions, you can ignore these.
  function textToBin(text) { return textToBase(text, 2, 8); }
  function textToHex(t, w) { return pad(textToBase(t,16,2), roundUp(t.length, w)*2, '00'); }
  function pad(val, len, chr) { return (repeat(chr, len) + val).slice(-len); }
  function print(text) { document.getElementById('out').innerHTML += (text || ''); }
  function println(text) { print((text || '') + '\n'); }
  function repeat(chr, n) { return new Array(n + 1).join(chr); }
  function textToBase(text, radix, n) {
    return text.split('').reduce(function(result, chr) {
      return result + pad(chr.charCodeAt(0).toString(radix), n, '0');
    }, '');
  }
  function roundUp(numToRound, multiple) { 
    if (multiple === 0) return numToRound;
    var remainder = numToRound % multiple;
    return remainder === 0 ? numToRound : numToRound + multiple - remainder;
  }
}());
#out {
  white-space: pre;
  font-size: 0.8em;
}
<div id="out"></div>




وإليك بطريقتين سريعتين ترتبطان بالأرقام:

function commafy(inVal){
    var ary = String(inVal).match(/(\d{0,2})((?:\d{3})*)([^\d].*$)/i);
    return (ary[1] == "" ? [] : [ary[1]]).splice(1, 0, ary[2].match(/[0-9]{3}/g)).join(",") + ary[3];
}

إذا تم توزيعه ، فقد يبدو كالتالي:

function commafy(inVal){
    var aryChunks = [];
    var inVal = String(inVal);
    var aryPart1 = inVal.match(/(\d{0,2})((?:\d{3})*)([^\d].*$)/i);
    if(aryPart1[1] != ""){
        aryChunks.push(aryPart1[1]);
    }
    var aryPart2 = aryPart1[2].match(/[0-9]{3}/g);
    aryChunks.splice(1, 0, aryPart2);
    var outVal = aryChunks.join(",");
    outVal += aryPart1[3];
    return outVal;
}

أولاً ، يتم تعيين aryPart1 مع تطابق regex يتكون من [0 إلى 2 أرقام] ، متبوعاً بـ [سلسلة الأحرف التي يكون طولها مضاعفات 3] ، ثم [صفر أو واحد غير رقم وكل شيء آخر].

ثم ، إذا لم يكن "" ، فإننا نلحق [0 إلى 2 أرقام] بـ aryChunks.

بعد ذلك ، نأخذ [سلسلة الأحرف التي يبلغ طولها 3 مضاعفات] ويطابقها regex في صفيف من [3 أحرف] تسمى aryPart2 ، والتي نقطعها إلى aryChunks.

الآن aryChunks يحتوي على قطع أننا سوف ينضم مع فاصلة وتعيين ل outVal.

كل ما تبقى للقيام به هو إلحاق [صفر أو واحد غير رقم وكل شيء آخر] إلى outVal ، والعودة outVal إلى المتصل.

وفقًا لـ OP ، يمكن أن يكون {0،2} و {3} في regex 1 و {3} في regex 2 متغيرات لجعل طول أي مقطع ، ويمكن تغيير \ d في regexes إلى "." إذا كنت تريد أن تعمل على أكثر من مجرد أرقام.

قضيت وقتًا طويلاً في كتابة هذا ، لذا قد يكون هناك بعض الأخطاء. أشر إلىهم وسأضطر إلى التعديل.




الحل الخاص بي (بناء جملة ES6):

const source = "8d7f66a9273fc766cd66d1d";
const target = [];
for (
    const array = Array.from(source);
    array.length;
    target.push(array.splice(0,2).join(''), 2));

يمكننا حتى إنشاء وظيفة باستخدام هذا:

function splitStringBySegmentLength(source, segmentLength) {
    if (!segmentLength || segmentLength < 1) throw Error('Segment length must be defined and greater than/equal to 1');
    const target = [];
    for (
        const array = Array.from(source);
        array.length;
        target.push(array.splice(0,segmentLength).join('')));
    return target;
}

ثم يمكنك استدعاء الوظيفة بسهولة بطريقة قابلة لإعادة الاستخدام:

const source = "8d7f66a9273fc766cd66d1d";
const target = splitStringBySegmentLength(source, 2);

في صحتك




Related