Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何动态使用变量来分解各种对象的对象_Javascript_Reactjs_Object_Object Destructuring - Fatal编程技术网

Javascript 如何动态使用变量来分解各种对象的对象

Javascript 如何动态使用变量来分解各种对象的对象,javascript,reactjs,object,object-destructuring,Javascript,Reactjs,Object,Object Destructuring,随着API的动态变化,我想使用变量dayName从数组中解构数据对象,因此我也想以动态方式访问数据 我想动态访问API的数据对象{data:{dayName}},在那里我可以根据日期对API数据对象进行分解,并将其填充。实现这一点的最佳方法是什么?const{data:{[dayName]:val}}=…应该做你想做的事情,其中val设置为dayName键的值是的,它做了我想做的事情!你能告诉我[dayName]:day背后的原因/逻辑吗?非常感谢。键名周围的[]是一种特殊语法,称为。它不使用d

随着API的动态变化,我想使用变量dayName从数组中解构数据对象,因此我也想以动态方式访问数据


我想动态访问API的数据对象{data:{dayName}},在那里我可以根据日期对API数据对象进行分解,并将其填充。实现这一点的最佳方法是什么?

const{data:{[dayName]:val}}=…
应该做你想做的事情,其中
val
设置为dayName键的值是的,它做了我想做的事情!你能告诉我[dayName]:day背后的原因/逻辑吗?非常感谢。键名周围的
[]
是一种特殊语法,称为。它不使用
dayName
作为键,而是使用
dayName
的值作为键(首先计算[and]之间的表达式,然后将其用作键),还可以用于解构赋值。
const{data:{[dayName]:val}}=…
应该做您想要做的事情,其中
val
设置为dayName键处的值是的,它实现了我想要的!你能告诉我[dayName]:day背后的原因/逻辑吗?非常感谢。键名周围的
[]
是一种特殊语法,称为。它不使用
dayName
作为键,而是使用
dayName
的值作为键(首先计算[and]之间的表达式,然后将其用作键),并且还可以在解构赋值中使用。
export const apiDataDay = async () => {
  try {
    var days = [
      "monday",
      "tuesday",
      "wednesday",
      "thursday",
      "friday",
      "saturday",
      "sunday",
    ];
    var date = new Date();
    var dayName = days[date.getDay()-1];
    console.log("Today's Day is", dayName);
    console.log("Today's DayNumber is", date.getDay()-1);


// I want to do the following:-
//   const { data : {dayName} } = await axios.get(`${url}/schedule/${dayName}`);
// The API's works like this
//https://api.jikan.moe/v3/schedule/tuesday
// data: {tuesday : {............}}
//https://api.jikan.moe/v3/schedule/wednesday
// data: {wednesday : {............}}
//https://api.jikan.moe/v3/schedule/saturday
// data: {saturday : {............}}


    const { data } = await axios.get(`${url}/schedule/${dayName}`);
    console.log(data);
    return data;
  } catch (error) {
    console.log(error);
  }
};