Existen 2 opciones:
1. Remplazar las comillas dobles con comillas simples:
Para esto puedes usar split()
y join()
de la siguiente forma:
cadena.split('"').join("'");
resultado:
[{
"personal": "1001",
"content": [{
"text": "Los lenguajes que mencionó son: 'Español e Inglés'",
"words": "302",
"approved": "yes"
}, {
"text": "Ella dijo: 'Me gustan los helados'",
"words": "180",
"approved": "no"
}]
}]
Puedes ver como funciona en el siguiente código:
var trads = $("select[name='personal[]']").map(function(){return $(this).val();}).get();
var num_trad = trads.length;
var langs = new Array();
var values = new Array();
var approved = new Array();
for (var i=1; i<=num_trad; i++){
langs.push($("select[name='lang_"+i+"[]']").map(function(){return $(this).val();}).get());
values.push($("input[name='words_"+i+"[]'").map(function(){return $(this).val();}).get());
approved.push($("input[name='approved_"+i+"[]'").map(function(){return $(this).val();}).get());
}
var lenguajes=2;
var sjson=`[`;
for (var i=0; i<num_trad; i++){
sjson+=`{"personal": "${trads[i]}","content": [`;
for(var h=0; h<lenguajes&&langs[i][h]!=undefined; h++){
sjson+=`{"language":"${langs[i][h].split('"').join("'")}",`;
sjson+=`"words":"${values[i][h]}",`;
sjson+=`"approved":"${approved[i][h]}"}`;
if(langs[i][h+1]!=undefined)
sjson+=',';
}
sjson+=']}';
if(i+1<num_trad)
sjson+=',';
}
sjson+=']';
console.log(sjson);
.divs{float:left;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="personal[]">
<option value="1001">Mark</option>
<option value="1002">Rose</option>
</select>
<div style="clear:both;">
<div class="divs">
<select name="lang_1[]">
<option value='Los lenguajes que mencionó son: "Español e Inglés"'>English</option>
<option value="Spanish">Spanish</option>
</select>
</div>
<div class="divs">
<input name="words_1[]" value="302">
<input name="approved_1[]" value="yes">
</div>
</div>
<div style="clear:both;">
<div class="divs">
<select name="lang_1[]">
<option value="English">English</option>
<option value="Spanish" selected>Spanish</option>
</select>
</div>
<div class="divs">
<input name="words_1[]" value="180">
<input name="approved_1[]" value="no">
</div>
</div>
<hr style="clear: both;">
<select name="personal[]">
<option value="1001">Mark</option>
<option value="1002" selected>Rose</option>
</select>
<div style="clear:both;">
<div class="divs">
<select name="lang_2[]">
<option value="English">English</option>
<option value="Spanish" selected>Spanish</option>
</select>
</div>
<div class="divs">
<input name="words_2[]" value="236">
<input name="approved_2[]" value="yes">
</div>
</div>
<hr style="clear: both;">
2. Remplazar las comillas dobles y agregar una barra invertida:
Para esto también puedes usar split()
y join()
de la siguiente forma:
cadena.split('"').join('\\\"');
resultado:
[{
"personal": "1001",
"content": [{
"text": "Los lenguajes que mencionó son: \"Español e Inglés\"",
"words": "302",
"approved": "yes"
}, {
"text": "Ella dijo: \"Me gustan los helados\"",
"words": "180",
"approved": "no"
}]
}]
La ventaja de este método es que se mantendrán las comillas dobles al mostrar el texto.
Puedes ver como funciona en el siguiente código:
var trads = $("select[name='personal[]']").map(function(){return $(this).val();}).get();
var num_trad = trads.length;
var langs = new Array();
var values = new Array();
var approved = new Array();
for (var i=1; i<=num_trad; i++){
langs.push($("select[name='lang_"+i+"[]']").map(function(){return $(this).val();}).get());
values.push($("input[name='words_"+i+"[]'").map(function(){return $(this).val();}).get());
approved.push($("input[name='approved_"+i+"[]'").map(function(){return $(this).val();}).get());
}
var lenguajes=2;
var sjson=`[`;
for (var i=0; i<num_trad; i++){
sjson+=`{"personal": "${trads[i]}","content": [`;
for(var h=0; h<lenguajes&&langs[i][h]!=undefined; h++){
sjson+=`{"language":"${langs[i][h].split('"').join('\\\"')}",`;
sjson+=`"words":"${values[i][h]}",`;
sjson+=`"approved":"${approved[i][h]}"}`;
if(langs[i][h+1]!=undefined)
sjson+=',';
}
sjson+=']}';
if(i+1<num_trad)
sjson+=',';
}
sjson+=']';
console.log(sjson);
.divs{float:left;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="personal[]">
<option value="1001">Mark</option>
<option value="1002">Rose</option>
</select>
<div style="clear:both;">
<div class="divs">
<select name="lang_1[]">
<option value='Los lenguajes que mencionó son: "Español e Inglés"'>English</option>
<option value="Spanish">Spanish</option>
</select>
</div>
<div class="divs">
<input name="words_1[]" value="302">
<input name="approved_1[]" value="yes">
</div>
</div>
<div style="clear:both;">
<div class="divs">
<select name="lang_1[]">
<option value="English">English</option>
<option value="Spanish" selected>Spanish</option>
</select>
</div>
<div class="divs">
<input name="words_1[]" value="180">
<input name="approved_1[]" value="no">
</div>
</div>
<hr style="clear: both;">
<select name="personal[]">
<option value="1001">Mark</option>
<option value="1002" selected>Rose</option>
</select>
<div style="clear:both;">
<div class="divs">
<select name="lang_2[]">
<option value="English">English</option>
<option value="Spanish" selected>Spanish</option>
</select>
</div>
<div class="divs">
<input name="words_2[]" value="236">
<input name="approved_2[]" value="yes">
</div>
</div>
<hr style="clear: both;">
Puedes comprobar (con https://jsonlint.com/ por ejemplo) que en ambos casos los json son validos.
Espero te sirva, saludos.
"text": "Ella dijo: 'Me gustan los helados'",