在 JS 中解构这个变量以获得干净的代码

Question

我试图使我的代码尽可能干净，我想解构并使其成为一行/更短。我不喜欢我data.id在对象中一遍又一遍地写。

let { data } = await api.getCity(cityName, units) // database call
data = {id: data.id, name: data.name, country: data.sys['country'], main: data.main, weather: data.weather[0]}

谢谢你！

Answer 1

你可以这样做...const data = await api.getCity(cityName, units)const {id, name, sys, main} = datalet newData = {id, name, sys}...

Answer 2

我怀疑这会显着提高可读性；无论如何，这是单行解构：let { data: {id, name, main, sys:{ country }, weather: [weather] }} = await api.getCity(cityName, units) // database callconst mockData = {   data: {     id: '1',     name: 'john',     main: 'something',    sys: {       country: 'International',      foo: 'bar'    },    weather: ['city1-rainy', 'city2-sunny']   } }; let { data: {id, name, main, sys:{ country }, weather: [weather] }} = mockData;console.log('id', id)console.log('name', name)console.log('main', main)console.log('country', country)console.log('weather', weather)

Answer 3

由于您只是修改国家和天气，您可以执行以下操作：let { data } = await api.getCity(cityName, units) // database call data = {...data, country: data.sys['country'], weather: data.weather[0]}