Выберите некоторые элементы из массива с помощью javascript

Question

Я пытаюсь извлечь идентификаторы пользователей из строки, сериализованной формы, вот что я до сих пор.

Возьмите

var dataString = "viewUsers_length=10&id%5B%5D=8163&id%5B%5D=8188&id%5B%5D=8141"

в качестве примера строки.

Я разбить его на массив как этот

var arrStr = dataString.split(/[=&]/); 

что приводит к массиву

[0]viewUsers_length 
[1]10 
[2]id%5B%5D 
[3]8163 
[4]id%5B%5D 
[5]8188 
[6]id%5B%5D 
[7]8141 

Но я хочу только идентификаторы (8163, 8188, 8141)

в реальности эта строка может содержать тысячи идентификаторов в этом формате. До сих пор я потратил некоторое время на поиски и не нашел ничего, что, по моему мнению, будет работать.

Answer 1

Есть несколько способов для решения этой проблемы. Первый способ, который я использовал бы, - совместить идентификаторы с регулярным выражением.

var ids = dataString.match(/id%5B%5D=[0-9]+/g); 

Что бы привести к

["id%5B%5D=8163", "id%5B%5D=8188", "id%5B%5D=8141"] 

Так что теперь у нас есть ценности, но мы хотим только числовые части. Так что давайте использовать map, чтобы удалить остальное

ids = ids.map(function (id) { 
    return id.replace('id%5B%5D=', ''); 
}); 

Другой способ будет просто фильтровать на массиве вы уже построен, но вы можете видеть, что у вас есть 10 во второй индекс, который вернется в качестве false, поэтому я думаю, что это обеспечит более чистый набор данных

Answer 2

Фильтровать массив.

Есть родные способы JavaScript с использованием Array.prototype.filter()

var dataString = "viewUsers_length=10&id%5B%5D=8163&id%5B%5D=8188&id%5B%5D=8141" 
var arrStr = dataString.split(/[=&]/); 

var tester = /\d{4}/; 

arrStr.filter(function (item) { 
    return tester.test(item); 
}); 

/* 
viewUsers_length 
10 
id%5B%5D 
8163    -Match 
id%5B%5D 
8188    -Match 
id%5B%5D 
8141    -Match 
*/ 

Как и JQuery способы с использованием $().filter()

Answer 3

Я бы разделил на символы «&», а затем сопоставлял функцию, чтобы удалить все до «=» и, наконец, фильтр для удаления элементов, которые не являются идентификаторами элементы. Моя подстрочная функция немного грубая и может быть улучшена (или заменена регулярным выражением) с более глубоким знанием возможных значений.

dataString 
    .split("&") 
    .map(function(elt){return elt.startsWith("id") ? elt.substring(9,13) : ""}) 
    .filter(function(elt){return elt != ""}) 

Answer 4

Попробуйте это

var dataString = "viewUsers_length=10&id%5B%5D=8163&id%5B%5D=8188&id%5B%5D=8141"; 
var myRegexp = /id%5B%5D=([0-9]+)/g; 
match = myRegexp.exec(dataString); 
while (match != null) { 
    console.log(match[1]); 
    match = myRegexp.exec(ddd); 
} 

выходы

8163 
8188 
8141 

Answer 5

К сожалению, потому что имена параметров для идентификаторами являются все те же, обычные методы разбора строки запроса не может быть жизнеспособным. Таким образом, это может быть работа для регулярных выражений!

var dataString = "viewUsers_length=10&id%5B%5D=8163&id%5B%5D=8188&id%5B%5D=8141"; 
 

 
var regex = /&id%5B%5D=(\d+)/g; 
 
var match; 
 
var matches = []; 
 
while (match = regex.exec(dataString)) { 
 
    matches.push(match[1]); 
 
    } 
 

 
console.log(matches) 
 
var list = matches.join(', '); 
 

 
document.getElementById('output').innerHTML = list;

<div id="output"></div>