ReactJs中的Object.assign({}，obj)替换json的对象
ReactJs中的Object.assign({}, obj)是一种用于替换JSON对象的常用方法。它接受两个参数，第一个参数是目标对象（通常是一个空对象{}），第二个参数是源对象（即要替换的JSON对象）。
使用Object.assign({}, obj)可以创建一个新的对象，该对象继承了目标对象的属性并将源对象的属性合并到其中。这样做的优势是保留了原始对象的不可变性，同时可以方便地进行修改和更新。
Object.assign()的应用场景包括：
- 替换JSON对象：可以使用Object.assign({}, obj)来替换一个JSON对象的属性，保留原有的属性并添加、更新或删除其中的属性。
在腾讯云中，类似的产品有云服务器CVM（https://cloud.tencent.com/product/cvm）、对象存储COS（https://cloud.tencent.com/product/cos）等，它们提供了可靠的云基础设施和存储服务，适用于各种应用场景。
总结：Object.assign({}, obj)是ReactJs中用于替换JSON对象的常用方法，它可以创建一个新的对象并将源对象的属性合并到其中。这种方法在替换JSON对象和进行属性修改时非常有用。腾讯云提供了类似的云服务产品，如云服务器CVM和对象存储COS，可以满足各种应用需求。
相关·内容
我想动态地传递背景颜色，并希望像这样在组件中设置
<Paper style={circleStyle} zDepth={1} circle={true}> V </Paper>
const circleStyle = {
....
background: '#00AA90',
.....
};
在这个例子中，我想动态地传递背景颜色--如何做到这一点，我在circleStyle中也有其他样式吗？
PS:如果我在那种情况下使用ClassName也不工作动态值，有什么想法吗？
浏览 2提问于2017-09-11得票数 1
回答已采纳
2回答
如何将新值推送到现有对象中？
基本上，我得到了一些表单数据noteValue，还有一些其他数据正在输入到我的组件person中，我想在运行保存函数之前将其作为noteValue的一部分。
let noteValue = form.value;
noteValue.said_by.person_name = this.person.name;
这是我在其他地方工作的一个例子，但它似乎不起作用：
let exValue = form.value;
exValue['due_date'].timestamp = this.timestamp;
我遗漏了什么？这是做这件事的正确
浏览 1提问于2017-06-09得票数 2
3回答
我只是尝试将动态创建的json附加到位于state内部的array中。到目前为止，我发现的唯一方法是使用concat，因为推送不起作用。
constructor() {
super()
this.state = {
list: []
}
this.add = this.add.bind(this)
}
add(e) {
e.preventDefault()
var task = document.getElementById('task
浏览 1提问于2015-12-21得票数 2
回答已采纳
3回答
我的常规对象如下：
export class Routine {
id: string;
name: string;
exercises: RoutineExercise[];
}
我的RoutineExercise对象如下所示：
export class RoutineExercise {
id: string;
presetKey: string;
preset: Preset;
}
我需要将常规对象转换为JSON对象，但我需要将preset对象从每个RoutineExercise中排除在外
所以我需要做这样的事情：
function re
浏览 0提问于2019-03-23得票数 0
回答已采纳
我用的是React，Redux & immutable。我试图合并两个Json对象，数据和预期结果如下所示，
obj1 =
{id: 1, first_name: "abc", surname: "def", children: ["kid1", "kid2"]}
obj2 =
{first_name: "abc", surname: "def", email: "abc.def@gmail.com", mobile: ""}
mergedObj =
浏览 0提问于2019-08-10得票数 2
回答已采纳
我的主要对象如下所示：
const obj = {
data: {
'Puppies' : [],
'Kittens': []
}
};
我想给data.Puppies中的数据字段赋值。
当我尝试使用Object.assign()来做这件事时，我得到一个错误：
Unexpected token, expected , (83:12)
81 |
82 | return Object.assign({}, obj, {
> 83 | data.Puppies[0]:
浏览 1提问于2017-02-19得票数 2
我在想为什么会发生这种事？
我在var myObj中存储了一个对象：
var myObj = JSON.parse(fs.readFileSync('json/data.json', 'utf8'));
然后，通过以下方法从原始对象中获取一个克隆：
var modObj = myObj;
之后，我从克隆中删除空值：
cleansedObj = removeEmpty(modObj);
为什么这也会改变原始的myObj并从其中删除空值呢？
以下是功能：
function removeEmpty(obj) {
Object.keys(obj).forEach(f
浏览 6提问于2017-03-01得票数 3
回答已采纳
3回答
我有一个具有如下格式的数组的react应用程序：
var themes = [
{
id: 1,
name: 'Light',
},
{
id: 2,
name: 'Dark',
}
];
我的React Component中有一个方法，它使用重写将一个新项添加到主题中：
addTheme = (theme) => {
const base = themes.find(t => t.name.toLowerCase() === theme.base.toLowerCase());
v
浏览 0提问于2018-08-23得票数 0
回答已采纳
1回答
我有一些json数据，如下所示：
{
'harry-test-com': { 'quoteID234324': {'day': 'tuesday', 'cost':'1000'}},
'sam-imaginarydomain-com': {
'quoteID13211': {'day': 'wednesday', 'cost': '500'},
'quoteID534534': {
浏览 1提问于2016-11-14得票数 1
回答已采纳
所以我有两个json，它有一个相同的参数。基于这个参数，我想把这两个json合并成一个json。
json 1 = [{"serverid":65,"name":"Apple"},{"serverid":98,"name":"Mac"}]
json 2 = [{"serverid":98,"count":9},{"serverid":65,"count":2}]
resultant json = [{"serverid
浏览 0提问于2018-10-06得票数 5
这是客户端。Webpack，巴别尔和巴别尔进口。
我的项目有一个名为"models“的文件夹，其中包含对象文本，作为来自端点的预期JSON结果的定义。
对象只包含字符串、int、booleans和包含这些数据类型的数组/对象。
例：
{
name: "String"
age: 35,
active: true,
permissions: [
{ news: true }
]
}
当我想使用模型定义时，为了确保我对引用没有问题，我必须使用：
let newObject1 = Object.assign({}, ori
浏览 0提问于2017-06-09得票数 0
回答已采纳
1回答
如果我有一个父母和一个子类型记录对象：
class Parent {
private parentField: string;
}
class Child extends Parent {
private childField: string;
}
现在，我通过rest服务接收这两种类型的json对象的列表。
通常，当我收到一个json对象时，我只是通过复制所有属性将它映射到类型记录对象。但在这种情况下，它并不是那么简单，因为我不知道我正在处理的对象(它可以是父母或孩子)
将json类型和子类型映射到类型记录中的最佳方法是什么？
浏览 2提问于2017-02-20得票数 0
回答已采纳
1回答
我有一个包含和address对象的组织对象，我想用从表单中获得的值编辑address对象，然后用新对象address更改组织对象中的address对象，所以我使用了Object.assign，但它总是返回旧地址
export class Organization {
public address?: Address;
public telecoms?: Telecom[];
public metier?: Dictionary;
}
export class Address {
public zipCode?: Dictionary;
public c
浏览 1提问于2018-12-06得票数 1
4回答
将数组转换为特定对象
、、、
给定以下JSON
{
gif: ['small', 'medium', 'large'],
jpeg: ['tiny', 'huge']
}
我希望将数组中的每个元素转换为子对象中的键，并将其赋值为1。
正因如此
{
gif: {
small: {quantity: 1},
medium: {quantity: 1},
large: {quantity:1}
},
jpeg: {
tiny: {quantity:1},
huge: {quantity: 1}
}
}
我所到的最接近的是以
浏览 0提问于2018-02-17得票数 3
回答已采纳
我有一个具有多个objects.So的数组，如何通过拆分对象来创建一个新对象。 这是我手动做的。我如何动态地实现它。 var a ='["{\\"Transfer_Notes__c\\":{\\"filterType\\":\\"text\\",\\"type\\":\\"contains\\",\\"filter\\":\\"abc\\"}}","{\\"IQ_Score__c\\":{\\"filterType\\&#
浏览 14提问于2020-08-11得票数 3
回答已采纳
我需要修改一些代码，以便可以修改多个值，而不是当前的单个值。 下面是当前的代码： data = {
name: 'somename',
keyOne: 'keyOneValue',
keyTwo: 'keyTwoValue'
};
setData(data) {
this.subject.next(data);
localStorage.setItem('data', JSON.stringify(data));
}
changeData(key, value) {
th
浏览 25提问于2021-02-11得票数 1
回答已采纳
1回答
所以让我们想象一下，我有一个物体
const foo = {
name: 'Name',
age: 23
}
因此，我想在下面的结构中映射这些值。
const var = {
_name?
_age?
_location?
}
_只反映出它们可以有不同的名称--它们不仅是_+ foo键名
有什么办法我可以这样做而不是做：
var._name = foo.name
var._age = foo.age
我还有别的办法可以做到吗？因为我将在var结构中有一些键，这在foo结构中不会出现。因此，如果我按我的提议做，那么我将在新结构中得到一些未定义的值。
浏览 1提问于2019-06-12得票数 1
回答已采纳
我有两个 json 对象obj1和obj2，我想合并它们并创建一个json对象。生成的json应该具有来自obj2的所有值和来自obj1的值，而obj2中不存在这些值。
Question:
var obj1 = {
"name":"manu",
"age":23,
"occupation":"SE"
}
var obj2 = {
"name":"manu",
"age":23,
"country":&
浏览 51提问于2014-01-30得票数 106
2回答
我有：
var obj = {'a': {some object}, 'b': {some other object}, 'c':{some other object},...}
我想要写一个函数，它将覆盖原始对象中的任何一个键。
myFunction(obj, {'a': {new object}});
console.log(obj);
//{'a': {new object}, 'b': {some other object}, 'c':{some other object},
浏览 3提问于2016-04-13得票数 0
回答已采纳
我声明了一个JSON对象，并添加了一些键值对，如下所示：
var obj = {};
并在其中添加了如下数据：
obj = {
"1":"aa",
"2":"bb"
};
但是我想在同一个对象中添加更多的键值对，如果我将上面提到的键值对添加到相同的对象中，那么它将替换旧的键值对。因此，请告诉我如何在同一个JSON对象(即obj )中追加数据。
浏览 3提问于2015-02-15得票数 39
回答已采纳
5回答
我有一个数组：
[ 'Item 1', 'Item 2', 'Item 3' ]
我需要最后的结果
{ 'Item 1':true, 'Item 2':true, 'Item 3':true }
通过使用ES6，我对此有了一些了解：
let arr = [];
for (let m of crmData.modRequired) {
let i = m + ':true';
arr.push(i);
浏览 0提问于2018-03-09得票数 1
回答已采纳
1回答
我使用CRA & axios从火基中提取一些JSON作为对象，然后将其转换为一个数组以供呈现。
这似乎是成功的，我可以记录数组，但是我似乎无法获取由firebase生成的ID (例如，-M9SUPLwY3KgRNmOLS17)。
这是我需要的，以便能够导航到正确的旅游页面。
预期结果:/旅游/-M9SUPLwY3KgRNmOLS 17/旅游
当前结果:/旅游/未确定/旅游
JSX
componentDidMount() {
axios.get('FIREBASEURL/tours.json')
.then(response => {
浏览 4提问于2020-05-29得票数 0
5回答
有一个包含no of json的数组。
[{linkValue:"value1"},{linkValue:"value2"},{linkValue:"value3"},{linkValue:"value4"},{linkValue:"value5"}]
请注意，每个Json都有相同的密钥。我希望将此数组转换为一个json，如下所示
{linkValue1:"value1",linkValue2:"value2",linkValue3:"value3",linkValu
浏览 0提问于2017-06-15得票数 0
如何将JSON转换为JS中的属性数组，无论JSON的深度如何？
JSON
{
"foo": {
"bar": {
"baz": "UP"
}
}
}
键/值属性
{
"foo.bar.baz": "UP"
}
一级解
我的当前代码只处理一个级别，而不是n：
var user = {name: 'Corbin', age: 20, location: 'USA'},
key;
for
浏览 4提问于2016-11-07得票数 4
回答已采纳
3回答
也许是个愚蠢的问题，但我做不到。所以：
我有这样的事情：
obj = {to:this.to,all:[]};
all:[{},{},{},...]，但这并不重要
如果我执行JSON.stringify(obj.all)，它只返回这个没有all的[]。
如何实现这个{ all: [] }？
浏览 1提问于2018-06-05得票数 0
回答已采纳
2回答
我正在用ES6中的Jest为React组件编写一些测试。在一个测试中，我需要克隆一个导入的json并对克隆的对象进行变异，但是当我对克隆的对象进行变异时，原始对象也会发生变异！
import obj from './object.json'; // obj = { name: 'someName' }
describe('Testing a component', () => {
it('Some testing', () => {
const obj2 = Object.assign({},
浏览 11提问于2017-07-12得票数 2
回答已采纳
我们从网络接收JSON，并将数据转换为TypeScript中的类的对象，这样getter和setter就可以工作了，如下面的示例所示 class Sent {
id: number
constructor(model? : Sent){
if(model){
Object.assign(this, model);
}
}
}
class Email{
name: string;
age: number;
sent: Sent[];
constructor(model?: Email){
if(model){
O
浏览 32提问于2019-05-08得票数 0
回答已采纳
2回答
我需要扩展我的JSON数据。现在我有两个对象：
const obj1 = {
"data": [
{
"fruit num": 1,
"kind": "sweet"
},
{
"fruit num": 2,
"kind": "sour"
}
]
}
const obj2 = {
"data": [
{
浏览 1提问于2018-09-12得票数 0
回答已采纳
嗨，我有以下对象：
{
"position": {
"json": {
"left": "57px",
"top": "79px"
}
},
}
它包含其他几个键，如size等。
如何在不删除内部内容的情况下删除"json"，使我的结果看起来像
{
"position": {
"left": "57px",
"top": "79px"
浏览 3提问于2017-02-21得票数 1
我需要更新特定对象字段的状态。我的状态是使用一个动态键值(index)。
首先我要做的是：
this.setState({
[index]: {
uploading: uploadInstance,
progress: 0
}
})
现在我只需要更新进度字段。通过我的尝试，uploading字段丢失了：
this.setState({
[index]: {
progress: progress
}
})
浏览 0提问于2017-09-14得票数 0
回答已采纳
我想检查第一个对象中的属性是否存在于第二个对象中，如果它与第二个对象不同，则更改它的值。第一个对象属性可能会更改，因为它也是以二进制方式创建的，而第二个对象的属性总是相同的。
我需要找到的逻辑如下所示，但是没有手动执行它(用不同的if子句检查每个属性和值)，有什么方法可以创建这样的函数吗？我用的是香草javascript
function mapObject2(obj1) {
if (sessionStorage.getItem("obj2") != null) {
var obj2 = JSON.parse(sessionStorage.getItem
浏览 7提问于2022-05-09得票数 0
2回答
我从数据库中提取数据并转换为JSON，但现在我想将所有JSON数据放入一个JSON对象中。我尝试了一些方法，但我对javascript的语法不够熟悉，也找不到一个具有适当格式的有效解决方案。我想简单地使用and对象(或两个)，然后不断添加，将新的JSON添加到旧对象中。我不希望对此有任何重要的模块。
.then(querySnapshot => {
querySnapshot.forEach(documentSnapshot => {
myData2 = myData.concat(receiptToDict(documentSnap
浏览 0提问于2018-07-27得票数 0
2回答
我想要做的是很容易从代码中解释。
在不每次创建新对象的情况下，如何才能获得正确的结果？
var optionsArr = new Array();
var labelObj = new Object();
labelObj.label = 'Pink';
labelObj.value = "Pink1";
optionsArr.push(labelObj);
labelObj.label = 'Green';
labelObj.value = "Green2";
o
浏览 0提问于2018-12-12得票数 0
回答已采纳
如何使用setState更改数组中的值对象？现在，它只会增加第一个数组的值，我一直试着把它映射到值，但它不起作用。任何建议都会很好。还有一个问题。我有一个handleClick(event)，它的目标是子组件中的id。如何使用setState编写函数以更改状态中的值。
React.useEffect(()=> {
if(start === true){
fetch("https://opentdb.com/api.php?amount=5&category=27&difficulty=easy&type=multi
浏览 5提问于2022-09-09得票数 -1
在angularJs中的两个JSON文件之间进行映射的最佳方法是什么?我想在两个JSON文件之间进行映射，并将其显示在我的表中。
JSON 1
[{
"year": 2013,
"doctor": "Dr. Smith",
"illness": "Flu",
"apptdate": "3/12/2013",
"details":"Patient had flu for 5 days. No medicines
浏览 3提问于2017-09-27得票数 0
我无法理解为什么它要将修改后的值复制到javascript数组中的每个元素。有人能解释一下为什么吗？
var obj = {x:12};
var arr =[];
for(var i=0;i<5;i++){
obj["x"] = i;
arr.push(obj);
println("Inside -> " + JSON.stringify(arr));
}
println("Output -> " + JSON.stringify(arr));
上述代码的输出返回-
Inside -> [{&#
浏览 0提问于2017-11-14得票数 0
回答已采纳
2回答
偶然发现了这个代码，学习了redux并做出了反应。
我的问题是，当使用扩展驱动程序时，最终的结果是什么。如果我正确理解它，它基本上会将可迭代或数组转换为单个参数。
因此，我希望输出只是使用通过.获得的所有字段创建另一个JSON对象。操作符。
const INITIAL_STATE = { postsList: {posts: [], error:null, loading: false},
newPost:{post:null, error: null, loading: false},
ac
浏览 0提问于2016-10-03得票数 0
回答已采纳
1回答
我想暂时存储一个状态变量值，并且只在临时变量中进行更改。
在我的代码中，原始变量是var1，临时变量是var2。
更新后，var2值var1值将自动更新。
更新值之前的var2值：-
更新值后的var2值：-
我的代码：-
class DemoScreen extends Component {
constructor(props) {
super(props);
this.state = {
var1: {
data:'variable 1 Data'
浏览 2提问于2018-10-16得票数 0
回答已采纳
我将嵌套对象转换为树JSON格式，但现在我需要将它转换回嵌套对象，我尝试了很多方法，但没有按照预期的方式工作。在转换嵌套对象JSON时，我使用递归来实现，但下面是如何使用对象操作它。
我真的很感谢你的帮助，谢谢
input :
[
{
"name": "DI",
"children": [
{
"name": "t",
"children": [
{
浏览 19提问于2022-07-07得票数 0
回答已采纳
我正在寻找一种快速而简洁的方式来将几个反射方法附加到位于数组中的对象上，但我不想对这些对象进行简单的修补。对象本身可能具有不同的大小，因为它们是从动态JSON端点返回的，因此不会沿着ObjWrapper(obj) { this.foo = obj.foo; }的路线走下去。
我想出了以下代码，但我确实觉得有一种更优雅的方法来实现同样的结果。我很乐意探索Lodash函数的用法：
var objs = [{foo:'bar'}, {foo:'baz'}];
function ObjWrapper(obj){
var self = this;
// Inhe
浏览 0提问于2016-01-19得票数 0
2回答
我有一张地图是这样设置的
const directory = new Map()
.set('John', { age:25, gender: 'M'} )
.set('Mary', { age:51, gender: 'M'} )
.set('Sam', { age:15, gender: 'M', id: 322 } )
.set('Jane', { age:15, gender: 'M', paid: true } );
我希望将其转换为一个具有新属性"
浏览 0提问于2017-09-18得票数 0
回答已采纳
我正在学习react & redux。我想找出这两个代码之间的区别。
export default function xReducer (state = [], action) {
switch (action.type) {
// I am simply assigning my key value to the action property
case 'SOMETHING': {
return [ ...state, { myKey: action.x } ]
}
/
浏览 16提问于2017-02-20得票数 4
回答已采纳
3回答
我的node.js应用程序从外部API接收两个json对象。第一个对象是按键为unix时间戳的天数计算的天气数据：
{
1491368400: /*some data*/,
1491454800: /*some data*/,
1491541200: /*some data*/,
}
第二个对象是这些天的按小时计算的天气(如果在上面的对象中有三天，则该对象中有3*24个键)：
{
1491368400: /*some data*/,
1491372000: /*some data*/,
1491375600: /*some data*/,
.............
浏览 5提问于2017-11-09得票数 0
我必须检索一个对象并将其分配给另一个对象。但在新的对象中，总是只存储最后一项。 我尝试了object.entries密钥方法，但都不起作用。代码：https://codesandbox.io/s/k3p7j07x8o let subject = {};
const obj = { a: 5, b: 4, c: 9 };
for (const [key, value] of Object.entries(obj)) {
console.log(`${key} ${value}`);
//console.log(subject); // Here itself it's
浏览 16提问于2019-02-17得票数 0
有人能解释一下javascript的行为吗？
let a = {z: true};
console.log(a);
const modify = obj => {
let b = {
a: "hello",
b: 22
}
obj = {...obj, ...b}
return obj;
}
modify(a);
console.log(modify(a))
输出：
{
z:true,
a:"hello",
b:22
}
是obj = {...obj, ...b}中的obj，是一个隐式新创建的对象，还是modif
浏览 5提问于2021-06-02得票数 0
回答已采纳
我有一个包含许多字段的数据集。我无法控制这个JSON的创建。示例： data = [
{
'maparea':'3704000063',
'relatedsource':null,
'empcount':'198390',
'response':'78',
'mean':'61663.00',
},
...
] 图表代码为： Highcharts.mapChart('container&
浏览 12提问于2019-05-02得票数 0
回答已采纳
使用$.extend(true, {}, obj1, obj2)时，生成的对象将擦除任何数字索引的数据，直到obj2中的结果数为止。
对$.extend()的示例调用如下所示：
然后以下面的示例数据为例：
var base_json_obj = {
'regions': [
'NC',
'-Greensboro',
'VA',
'-Richmond'
],
'vehicles': [
'Ford:Escape',
浏览 0提问于2017-09-05得票数 1
我有过
object1 = {"abc":{"name":"myabcname"}}
object2 = {"def":{"name":"defname"}}
我希望形成一个对象/字符串，作为两个对象值的逗号分隔。
{"abc":{"name":"myabcname"},"def":{"name":"defname"}};
当我尝试做console.log(JSON.stringify(object1)+
浏览 11提问于2017-07-20得票数 2
回答已采纳
我需要合并两个javascript对象并将其设置为全局对象。我使用的是"Object.assign"方法，但是当它第一次调用时，work.It不能正常工作。但每次我的新对象都需要合并到全局对象。但是这并不是第一次起作用，它使我的全球和上一次object.Do一样，你知道其他的方法吗？预先谢谢:/
Javscript代码:
//global object
Admin.bufferCreateJSON={};
Admin.createBufferJSON=function(){
var B_name=$("#B_name")
浏览 6提问于2017-04-25得票数 0
2回答
有没有可能使Error对象的"message“属性可枚举，以便在将其字符串化时：
var errstr = JSON.stringify(new Error('my error'));
所以它给出的是{"message":"my error"}而不是{}
我知道您可以对每个单独的对象执行此操作
var err = new Error('my error');
Object.defineProperty(err, 'message', {
enumerable: true,
});
var errstr
浏览 6提问于2014-10-25得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
