Блог

Главная - Вопросы по программированию - Неопределенная проблема значения объекта Javascript

Неопределенная проблема значения объекта Javascript

#javascript #arrays #object

#javascript #массивы #объект

Вопрос:

Здравствуйте, разработчики, у меня проблема со свойствами объекта в javascript, я помещаю некоторые объекты в массивы, но я не могу получить значения из этого массива, в нем указано только неопределенное какое-либо решение для этого? Я попробовал здесь несколько методов, но не сработал
, большое спасибо, если кто-нибудь поможет мне в этом 

 const quiz = [
  {
  q1: "Where Are You",
  ans1 : "Alaska",
    ans2: "Alabama",
  } ,
  {
    q1: "Where Are You",
    ans1: "Alaska",
    ans2: "Alabama",
  }

  
]
console.log(quiz.q1);

let loadquiz = document.querySelector(".quiz");

let  span =document.querySelector("span");

span.innerText = quiz.q1;  
 body {
  background-color: #141C35;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  min-height: 100vh;
  align-items: center;
  color: white;
  justify-content: center;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}




/*  #212134*/

.quiz {
  background-color:#4259FA;
  width: 500px;
  color: white;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:50px 0;
  justify-content: center;
}
.quiz h2 {
  padding: 10px;
}

.quiz span {
  padding: 15px;
  margin: 5px;
}  
 <body>
    <h1>Quiz App</h1>
<div class="quiz">
<h2>  Where do you live ?</h2>
<span>Question goes here</span>
<span>Question goes here</span>
<span>Question goes here</span>
</div>
</body>

Ответ №1:

У вас есть список (например, [] ) объектов (например, {}), чтобы получить доступ к любому ключу объекта, вы должны сначала перейти к индексу этого объекта

 const quiz = [
  {
  q1: "Where Are You",
  ans1 : "Alaska",
    ans2: "Alabama",
  } ,
  {
    q1: "Where Are You",
    ans1: "Alaska",
    ans2: "Alabama",
  }

  
]
console.log(quiz[0].q1);

let loadquiz = document.querySelector(".quiz");

let  span =document.querySelector("span");

span.innerText = quiz[0].q1;  
 body {
  background-color: #141C35;
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
  min-height: 100vh;
  align-items: center;
  color: white;
  justify-content: center;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}




/*  #212134*/

.quiz {
  background-color:#4259FA;
  width: 500px;
  color: white;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:50px 0;
  justify-content: center;
}
.quiz h2 {
  padding: 10px;
}

.quiz span {
  padding: 15px;
  margin: 5px;
}  
 <body>
    <h1>Quiz App</h1>
<div class="quiz">
<h2>  Where do you live ?</h2>
<span>Question goes here</span>
<span>Question goes here</span>
<span>Question goes here</span>
</div>
</body>

Комментарии:

1. о, я забыл это правило, кстати, большое спасибо за это решение