Кожен елемент цього масиву - це деяка кількість.
var items = Array(523,3452,334,31, ...5346);
Як замінити деякий номер масиву на новий?
Наприклад, ми хочемо замінити 3452 на 1010, як би ми це зробили?
replace
методу для масивів?
Кожен елемент цього масиву - це деяка кількість.
var items = Array(523,3452,334,31, ...5346);
Як замінити деякий номер масиву на новий?
Наприклад, ми хочемо замінити 3452 на 1010, як би ми це зробили?
replace
методу для масивів?
Відповіді:
var index = items.indexOf(3452);
if (index !== -1) {
items[index] = 1010;
}
Також рекомендується не використовувати метод конструктора для ініціалізації масивів. Замість цього використовуйте буквальний синтаксис:
var items = [523, 3452, 334, 31, 5346];
Ви також можете скористатися ~
оператором, якщо ви користуєтеся стислим JavaScript і хочете скоротити -1
порівняння:
var index = items.indexOf(3452);
if (~index) {
items[index] = 1010;
}
Іноді мені навіть подобається написати contains
функцію, щоб абстрагувати цю перевірку і полегшити розуміння того, що відбувається. Приємно, що це працює на масивах і рядках:
var contains = function (haystack, needle) {
return !!~haystack.indexOf(needle);
};
// can be used like so now:
if (contains(items, 3452)) {
// do something else...
}
Починаючи з ES6 / ES2015 для рядків і пропонуючи для ES2016 для масивів, ви можете легше визначити, чи містить джерело інше значення:
if (haystack.includes(needle)) {
// do your thing
}
contains
: var contains = (a, b) => !!~a.indexOf(b)
: P
Array.prototype.includes
замість цього.
in
щоб побачити, чи є в об’єкта ключ (наприклад, 'property' in obj
), або ви також можете перевести циклічні значення на об'єкт за допомогою Object.values(obj).forEach(value => {})
.
Array.indexOf()
Метод замінює перший екземпляр. Щоб використовувати кожен екземпляр Array.map()
:
a = a.map(function(item) { return item == 3452 ? 1010 : item; });
Звичайно, це створює новий масив. Якщо ви хочете зробити це на місці, використовуйте Array.forEach()
:
a.forEach(function(item, i) { if (item == 3452) a[i] = 1010; });
Array.indexOf()
було введено одночасно з map()
і forEach()
. Якщо ви підтримуєте IE8 або новішу версію , і ви не використовуєте shim для додавання підтримки, краще перейдіть з відповіддю mellamokb .
Моїм запропонованим рішенням було б:
items.splice(1, 1, 1010);
Операція сплайсингу видалить 1 елемент, починаючи з позиції 1 в масиві (тобто 3452
), і замінить його новим 1010
.
1
елемент буде видалений, коли фактично перший параметр означає, що операція відбувається в індексі 1
. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
Використовуйте indexOf для пошуку елемента.
var i = items.indexOf(3452);
items[i] = 1010;
Легко виконується за допомогою for
петлі.
for (var i = 0; i < items.length; i++)
if (items[i] == 3452)
items[i] = 1010;
Ви можете редагувати будь-яку кількість списку, використовуючи індекси
наприклад :
items[0] = 5;
items[5] = 100;
Якщо ви використовуєте складний об'єкт (або навіть простий), і ви можете використовувати es6, Array.prototype.findIndex
це хороший. Для масиву ОП вони могли б зробити,
const index = items.findIndex(x => x === 3452)
items[index] = 1010
Для більш складних об'єктів це справді світить. Наприклад,
const index =
items.findIndex(
x => x.jerseyNumber === 9 && x.school === 'Ohio State'
)
items[index].lastName = 'Utah'
items[index].firstName = 'Johnny'
Заміна може бути виконана в один рядок:
var items = Array(523, 3452, 334, 31, 5346);
items[items.map((e, i) => [i, e]).filter(e => e[1] == 3452)[0][0]] = 1010
console.log(items);
Або створіть функцію для повторного використання:
Array.prototype.replace = function(t, v) {
if (this.indexOf(t)!= -1)
this[this.map((e, i) => [i, e]).filter(e => e[1] == t)[0][0]] = v;
};
//Check
var items = Array(523, 3452, 334, 31, 5346);
items.replace(3452, 1010);
console.log(items);
ES6 спосіб:
const items = Array(523, 3452, 334, 31, ...5346);
Ми хочемо замінити 3452
з 1010
, рішенням:
const newItems = items.map(item => item === 3452 ? 1010 : item);
Звичайно, питання вже багато років тому, і зараз я просто вважаю за краще використовувати незмінне рішення, безумовно, це приголомшливо дляReactJS
.
Для частого використання я пропоную нижче функцію:
const itemReplacer = (array, oldItem, newItem) =>
array.map(item => item === oldItem ? newItem : item);
Найкращий спосіб лише за один рядок замінити або оновити елемент масиву
array.splice(array.indexOf(valueToReplace), 1, newValue)
Наприклад:
let items = ['JS', 'PHP', 'RUBY'];
let replacedItem = items.splice(items.indexOf('RUBY'), 1, 'PYTHON')
console.log(replacedItem) //['RUBY']
console.log(items) //['JS', 'PHP', 'PYTHON']
Ще один простий спосіб виконати ту саму операцію:
items[items.indexOf(oldValue)] = newValue
Найпростішим способом є використання деяких бібліотек, таких як підкреслення та метод карт.
var items = Array(523,3452,334,31,...5346);
_.map(items, function(num) {
return (num == 3452) ? 1010 : num;
});
=> [523, 1010, 334, 31, ...5346]
replace
зараз ..._.replace([1, 2, 3], 2, 3);
Незмінний спосіб замінити елемент у списку за допомогою операторів та .slice
методу розповсюдження ES6 .
const arr = ['fir', 'next', 'third'], item = 'next'
const nextArr = [
...arr.slice(0, arr.indexOf(item)),
'second',
...arr.slice(arr.indexOf(item) + 1)
]
Перевірте, чи працює
console.log(arr) // [ 'fir', 'next', 'third' ]
console.log(nextArr) // ['fir', 'second', 'third']
var items = Array(523,3452,334,31,5346);
Якщо ви знаєте значення, тоді використовуйте,
items[items.indexOf(334)] = 1010;
Якщо ви хочете знати, що значення є чи ні, скористайтеся,
var point = items.indexOf(334);
if (point !== -1) {
items[point] = 1010;
}
Якщо ви знаєте місце (положення), тоді безпосередньо використовуйте,
items[--position] = 1010;
Якщо ви хочете замінити кілька елементів, і ви знаєте, що тільки вихідне положення означає,
items.splice(2, 1, 1010, 1220);
докладніше про .splice
var index = Array.indexOf(Array value);
if (index > -1) {
Array.splice(index, 1);
}
звідси ви можете видалити певне значення з масиву і на основі того ж індексу ви можете вставити значення в масив.
Array.splice(index, 0, Array value);
Добре, якщо комусь цікаво, як замінити об’єкт з його індексу на масив, ось рішення.
Знайдіть індекс об’єкта за його ідентифікатором:
const index = items.map(item => item.id).indexOf(objectId)
Замініть об'єкт методом Object.assign ():
Object.assign(items[index], newValue)
Відповідь від @ gilly3 чудова.
Як розширити це для масиву об’єктів
Я віддаю перевагу наступному способу оновлення нової оновленої записи в моєму масиві записів, коли я отримую дані з сервера. Він зберігає порядок неушкодженим і досить прямим вперед одним лайнером.
users = users.map(u => u.id !== editedUser.id ? u : editedUser);
var users = [
{id: 1, firstname: 'John', lastname: 'Sena'},
{id: 2, firstname: 'Serena', lastname: 'Wilham'},
{id: 3, firstname: 'William', lastname: 'Cook'}
];
var editedUser = {id: 2, firstname: 'Big Serena', lastname: 'William'};
users = users.map(u => u.id !== editedUser.id ? u : editedUser);
console.log('users -> ', users);
Спочатку перепишіть свій масив так:
var items = [523,3452,334,31,...5346];
Далі, отримайте доступ до елемента в масиві через його індексний номер. Формула для визначення індексного числа:n-1
Щоб замінити перший елемент (n=1)
у масиві, напишіть:
items[0] = Enter Your New Number;
У вашому прикладі число 3452
знаходиться на другій позиції (n=2)
. Тож формула для визначення числа індексу є 2-1 = 1
. Так написати наступний код , щоб замінити 3452
з 1010
:
items[1] = 1010;
Ось основна відповідь, виконана у функції багаторазового використання:
function arrayFindReplace(array, findValue, replaceValue){
while(array.indexOf(findValue) !== -1){
let index = array.indexOf(findValue);
array[index] = replaceValue;
}
}
Я вирішив цю проблему за допомогою циклів та ітерації через оригінальний масив і додав позиції відповідних масивів до іншого масиву, а потім прокрутив цей масив і змінив його в початковому масиві, потім поверніть його, я використав і функцію стрілки, але регулярну функцію працював би теж.
var replace = (arr, replaceThis, WithThis) => {
if (!Array.isArray(arr)) throw new RangeError("Error");
var itemSpots = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i] == replaceThis) itemSpots.push(i);
}
for (var i = 0; i < itemSpots.length; i++) {
arr[itemSpots[i]] = WithThis;
}
return arr;
};
presentPrompt(id,productqty) {
let alert = this.forgotCtrl.create({
title: 'Test',
inputs: [
{
name: 'pickqty',
placeholder: 'pick quantity'
},
{
name: 'state',
value: 'verified',
disabled:true,
placeholder: 'state',
}
],
buttons: [
{
text: 'Ok',
role: 'cancel',
handler: data => {
console.log('dataaaaname',data.pickqty);
console.log('dataaaapwd',data.state);
for (var i = 0; i < this.cottonLists.length; i++){
if (this.cottonLists[i].id == id){
this.cottonLists[i].real_stock = data.pickqty;
}
}
for (var i = 0; i < this.cottonLists.length; i++){
if (this.cottonLists[i].id == id){
this.cottonLists[i].state = 'verified';
}
}
//Log object to console again.
console.log("After update: ", this.cottonLists)
console.log('Ok clicked');
}
},
]
});
alert.present();
}
As per your requirement you can change fields and array names.
thats all. Enjoy your coding.
Найпростіший спосіб - це.
var items = Array(523,3452,334,31, 5346);
var replaceWhat = 3452, replaceWith = 1010;
if ( ( i = items.indexOf(replaceWhat) ) >=0 ) items.splice(i, 1, replaceWith);
console.log(items);
>>> (5) [523, 1010, 334, 31, 5346]
replaceWhat = 523, replaceWith = 999999
, не дає правильних результатів
Ось один лайнер. Він передбачає, що елемент буде в масиві.
var items = [523, 3452, 334, 31, 5346]
var replace = (arr, oldVal, newVal) => (arr[arr.indexOf(oldVal)] = newVal, arr)
console.log(replace(items, 3452, 1010))
Якщо ви хочете простого синтаксису для одинарного цукру, ви можете просто:
(elements = elements.filter(element => element.id !== updatedElement.id)).push(updatedElement);
Подібно до:
let elements = [ { id: 1, name: 'element one' }, { id: 2, name: 'element two'} ];
const updatedElement = { id: 1, name: 'updated element one' };
Якщо у вас немає ідентифікатора, ви можете впорядкувати елемент на зразок:
(elements = elements.filter(element => JSON.stringify(element) !== JSON.stringify(updatedElement))).push(updatedElement);