JavaScript match function on base64 decoded JSON data

Question

I'm trying to get some JSON data and find some regular expressions in it. My JSON data is HTML.

Here is code:

function clearArrows(str){
  return str.replace(/&lt;&lt;/g,"<<").replace(/&gt;&gt;/g,">>").replace(/&lt;\/&lt;/g,"<\/<");
}

function explodeCond(str){
  var regEx = /<<.*?>>.*?<\/<.*?>>/g;

  var tagMatches = str.match(regEx);

  var totalArr = [];

  for(var i = 0; i < tagMatches.length; i++){
    var tagMatch = tagMatches[i];
    var regExStart = /<<.*?>>/g;
    var regExEnd = /<\/<.*?>>/g;
    var startTag = tagMatch.match(regExStart);
    var endTag = tagMatch.match(regExEnd);
    var replaced = tagMatch.replace(regExStart,'').replace(regExEnd,'');
    var obj = {
      start: startTag[0],
      contain: replaced,
      end: endTag[0]
    };
    totalArr.push(obj);
    //console.log(replaced);
  }
   return totalArr;
}

var str = "<p>(TAM ZAMANLI)</p><p><strong>Madde 1 - TARAFLAR</strong></p><p>Aşağıda isim (unvan) ve adresleri yazılı bulunan işveren ile işçi arasında, tamamen kendi istek ve serbest iradeleri ile ve belirtilen şartlarla “Belirsiz Süreli İş Sözleşmesi” yapılmıştır. Taraflar bundan sonra “işveren” ve “işçi” olarak anılacaktır.</p><p><strong>1.1-</strong><br>İşveren:{{1}},<br>{{2}}<br><strong>1.2-</strong><br>İşçi:{{3}}&nbsp;,<br>{{4}}</p><p>&nbsp;</p><p>Her iki taraf da belirtilen adreslerini tebligat adresi olarak kabul etmişlerdir. Adres değişiklikleri usulüne uygun şekilde karşı tarafa tebliğ edilmedikçe en son bildirilen adrese yapılacak tebliğ ilgili tarafa yapılmış sayılır.</p><p>&nbsp;</p><p><strong>Madde 2 - SÖZLEŞMENİN SÜRESİ</strong></p><p>İş bu sözleşme ,{{5}}&nbsp;tarihinde başlamış olup, belirsiz sürelidir.</p><p>İşçi deneme süreli çalıştırılacaktır. Deneme süresi olması durumunda deneme süresi en fazla 2 ay olacaktır. Deneme süresi içinde taraflar iş sözleşmesini bildirim süresine gerek olmaksızın ve tazminatsız feshedebilir.</p><p>&nbsp;</p><p><strong>Madde 3 - İŞÇİNİN ÇALIŞMA YERİ</strong></p><p>İşçi, işin niteliğine uygun olarak işverenin belirlediği bir konumda çalışacaktır.</p><p>&nbsp;</p><p><strong>Madde 4- SÖZLEŞME KONUSU VE YAPILACAK İŞ</strong></p><p>Sözleşmeye konu olan, İşçi'nin iş görme borcu kapsamındaki işi kısaca şu şekilde tanımlanmıştır:<br>{{6}}</p><p>İşin teknik özellik ve diğer ayrıntıları sözleşmeye ek belge olarak ayrıca düzenlenmiştir.<br><br>İşçi, bu sözleşmede belirlenen yükümlülükleri hukuk müşaviri unvanı ile yerine getirecektir.</p><p> <<{{7}}:Haftalık>><br>Burası İşçinin ücret alma periyodu haftalık seçilmesi durumunda gözükecektir.&nbsp;<br></<{{7}}:Haftalık>></p><p><br></p><p><strong>Madde 5-&nbsp; ÜCRET VE ÖDEMEr</strong></p><p>A- İşçi işbu sözleşme kapsamında{{7}}brüt{{8}}maaş karşılığı yapacaktır.<br>&nbsp;</p><p>B- İşçinin sözleşmede yazılı ücreti kural olarak imza karşılığı kendisine ödenir veya banka hesabına yatırılır. Ancak işçinin yazılı talebi ile belirlediği ve bu talebin altındaki tatbiki imzası bulunan yasal temsilcisine de yine imzası karşılığında ödenebilir. Kural olarak işçinin ücretinin ödeme dönemleri şu şekilde belirlenmiştir. Her Ayın{{9}}.günü<br>&nbsp;</p><p>C-Performans geliştirme planlaması sürecinde üzerinde anlaşmaya varılan amaç ve hedeflere dayalı olarak, İşçiye maaş ödemesi dışında performans değerlendirme sonucuna bağlı olarak prim ödemesi söz konusu değildir.<br>&nbsp;</p><p>D-İşveren, dönem ve şartlar dahilinde işçiye ikramiye bedeli ödemeyi taahhüt <u>etmemiştir.</u></p><p>&nbsp;</p>";

var b = $('#main').html();

console.log(explodeCond(str));

At here clearArrows() converts the < and > to carets in the data which comes from base64 decoded JSON data.

explodeCond() is trying to match <<{{1}}:something>>Other Things</<{{1}}:something>> regExps.

I'm getting the HTML string with JSON. I'm logging it to console, and it seems like that:

.....
yerine getirecektir.</p>

<p>&lt;&lt;{{7}}:Haftalık&gt;&gt;<br>
Burası İşçinin ücret alma periyodu haftalık seçilmesi durumunda gözükecektir.&nbsp;<br>&lt;/&lt;{{7}}:Haftalık&gt;&gt;</p><p><br></p>

<p><strong>Madde 5-&nbsp;</strong></p>
.....

When I try it on str variable, it works fine. But when I try to use it on data which comes from decoded JSON or in HTML element, it gives 'Uncaught TypeError: Cannot read property 'length' of null' error. I don't know why does it happen.

Here is also codepen

Check if you got the correct response from the server, also use JSON.parse() if necessary. — Tamas Szoke, Jul 02 '19 at 21:09
`Cannot read property 'length' of null'` likely means that `tagMatches` is `null` rather than a match object, which you expect to happen if your regex doesn't match the string. — Hamms, Jul 02 '19 at 21:10
See also: [You can't parse HTML with regex](https://stackoverflow.com/a/1732454/1810460) — Hamms, Jul 02 '19 at 21:10
JSON? Base64? I do not see neither, only an unnecessarily long string, which works properly, according to you. — tevemadar, Jul 03 '19 at 00:45
@tevemadar if I paste whole codes here, it would be 1000 line. But I explained, what have I done — sundowatch, Jul 03 '19 at 08:01
@TamasSzoke I'm getting it via jQuery's $.getJSON() function — sundowatch, Jul 03 '19 at 08:11
@sundowatch You should include the response in your question. — Tamas Szoke, Jul 03 '19 at 08:15

score 0 · Accepted Answer · answered Jul 03 '19 at 09:33

0

I found the problem.

We should use JSON.stringfy() function. Here is the codepen

answered Jul 03 '19 at 09:33

sundowatch

3,012
3
38
66

JavaScript match function on base64 decoded JSON data

1 Answers1