Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
154 views
in Technique[技术] by (71.8m points)

javascript - Object destructuring solution for long arrays?

Looking at this code:

let lecture = {
  id: 2,
  title: "MyTitle",
  topics: [
    {
      title: "John",
      age: 1
    },
    {
      title: "John2",
      age: 2
    },
    {
      title: "John3",
      age: 3
    }
  ]
}

I want to extract the main title property and the third age in the array (via object destructuring)

I can do it via :

let { title:lectureTitle , topics:[,,{age:thirdAge}]} = lecture;
console.log(lectureTitle,thirdAge);//MyTitle 3

Question

But what if the array has 100 items and I want the 99'th age ?

How would then I do it ? Does object destructuring offer a solution for that?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

But what if the array has 100 items and I want the 99'th age ?

Arrays are objects, so this will do:

let {title: lectureTitle, topics: {98: {age: thirdAge}}} = lecture;

Note however that the [...] type of destructuring works with any iterable, whereas {...} only works with objects (and therefore arrays). For the above solution to work with arbitrary iterables you will have to spread the iterable and wrap it with an array.

let {title: lectureTitle, topics: {98: {age: thirdAge}}} = [...lecture];

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...