Как поместить группу массивов (строковый формат) в массив?

Я получаю группу массивов из базы данных в этом формате [52,16,135],[54,16,140],[22,16,140], и мне нужно поместить все ее элементы в новый массив отдельно, но похоже, что мой код добавляет их в виде массива в код

но то, что мне нужно, это

[
    "True",
    "52",
    "16",
    "135",
    "54",
    "16",
    "140",
    "22",
    "16",
    "140",
    "Other Value"
]

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr =[];
arr.push('True');
arr.push(str.replace(/\[/g, "").replace(/\]/g, "").split(','));
arr.push('Other Value');
console.info(arr);

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr =[];
arr.push('True');
arr.push(str.replace(/\[/g, "").replace(/\]/g, "").split(','));
arr.push('Other Value');

javascript jquery

15.04.2019 21:36

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 6

Просто добавьте метод .flat() к вашему результату. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flatenter code here

var str = '[52,16,135],[54,16,140],[22,16,140]';
   


var arr =[];
arr.push('True');
arr.push(str.replace(/\[/g, "").replace(/\]/g, "").split(','));
arr.push('Other Value');
console.info(arr.flat());

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

15.04.2019 21:42

Ответ принят как подходящий

Простым исправлением вашего кода будет использование синтаксис распространения внутри метода Array.push() для распространения всех элементов массива, сгенерированного split(), в качестве аргументов метода push(). Кроме того, вы можете использовать одно replace() предложение replace(/[[\]]/g, "") вместо двух, которые у вас есть.

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr =[];
arr.push('True');
arr.push(...str.replace(/[[\]]/g, "").split(','));
arr.push('Other Value');
console.info(arr);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

15.04.2019 21:43

Ты почти там. Просто вместо того, чтобы нажимать, конкатенировать.

var str = '[52,16,135],[54,16,140],[22,16,140]';
var innerArr = str.replace(/\[/g, "").replace(/\]/g, "").split(',');
var arr = ["True"].concat(innerArr).concat(["Other Value"]);
console.info(arr);

15.04.2019 21:43

Вместо использования replace вы можете добавить [] вокруг строки, чтобы создать допустимый JSON из 2D-массива. Затем parse строку и используйте flat.

var str = '[52,16,135],[54,16,140],[22,16,140]';
const newArray = JSON.parse(`[${str}]`).flat();
console.info(newArray)

Решение ES5, если flat и шаблонные литералы не поддерживаются в вашем браузере:

var str = '[52,16,135],[54,16,140],[22,16,140]';
var parsed = JSON.parse('[' + str + ']'),
    newArray = [].concat.apply([], parsed);
    
console.info(newArray)

15.04.2019 21:53

Ну, у вас есть 2 непосредственных варианта, о которых я могу думать:

Первый вариант: Синтаксис распространения ES6

const str = '[52,16,135],[54,16,140],[22,16,140]';
const strArr = str.replace(/\[/g, "").replace(/\]/g, "").split(',');
const  arr = ['True', ...strArr, 'Other Value'];
console.info(arr);

Второй вариант: Массив.прототип.concat()

const str = '[52,16,135],[54,16,140],[22,16,140]';
const strArr = str.replace(/\[/g, "").replace(/\]/g, "").split(',');
let arr = [];
arr.push('True');
arr = arr.concat(strArr);
arr.push('Other Value');
console.info(arr);

Я бы выбрал вариант 1, если это возможно для вас.

Ваше здоровье :)

15.04.2019 22:04

пытаться

['True', ...str.match(/\d+/g), 'Other Value'];

var str = '[52,16,135],[54,16,140],[22,16,140]';
var arr = ['True',...str.match(/\d+/g),'Other Value'];
console.info(arr);

15.04.2019 22:42

Другие вопросы по теме

Сохраните значение выбора данных для ссылки href в локальном хранилище и используйте его для выбора раскрывающегося списка на новой странице

Отправлять изображения с помощью ajax и django

Упростите код jQuery на "Focusin/Focusout"

Как центрировать изображение внутри div в форме ромба? - CSS, HTML

Как заменить число символом?

Плавный переход к целевому div, когда его встроенный css является блоком отображения

Есть ли лучший способ установить область действия для функций глобальных переменных?

Удалите тире и оберните <li> с помощью javascript/jquery

Как сделать так, чтобы <div> отображался только тогда, когда выбран определенный параметр раскрывающегося списка <select>? Параметры <select> заполняются директивой ng-repeat

Центральная сетка в окне горизонтальной прокрутки

Как поместить группу массивов (строковый формат) в массив?

Ответы 6

Другие вопросы по теме

Похожие вопросы