Answers:
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; });
我建议的解决方案是:
items.splice(1, 1, 1010);
拼接操作将从数组(即3452
)中的位置1开始删除1项,并将其替换为新项1010
。
1
将被删除,而实际上第一个参数意味着该操作在index处进行1
。developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…–
使用indexOf查找元素。
var i = items.indexOf(3452);
items[i] = 1010;
如果使用复杂的对象(甚至是简单的对象)并且可以使用es6,那将Array.prototype.findIndex
是一个不错的选择。对于OP的阵列,他们可以做到,
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
最简单的方法是使用一些库,例如underscorejs和map方法。
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);
使用ES6扩展运算符和.slice
方法替换列表中元素的不变方法。
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中插入值。
Array.splice(index, 0, Array value);
好吧,如果有人在考虑如何从数组的索引中替换对象,这是一个解决方案。
通过其ID查找对象的索引:
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);
我使用for循环并遍历原始数组并将匹配区域的位置添加到另一个数组中,然后遍历该数组并在原始数组中对其进行更改,然后返回它,从而解决了这个问题,我使用了arrow函数,但是使用了常规函数也会工作。
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
不会产生正确的结果
如果您想要简单的制糖sintax oneliner,则可以:
(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' };
如果您没有ID,则可以将元素字符串化为:
(elements = elements.filter(element => JSON.stringify(element) !== JSON.stringify(updatedElement))).push(updatedElement);