기초공사 (html,css,javascript)

배열예제 본문

academy/JavaScript

배열예제

에스프레소라떼 2024. 4. 7. 22:45

// 문제1.

4개의 회원 목록이 존재한다.
회원목록에는 "김사과", "이멜로", "오렌지", "박하나"
각 회원 상세에는 나이, 키, 이름이 정의 되어 있다. 나이와 키는 임의로.

회원목록 중 특정한 회원 사용자의 정보를 출력할 것
prev()라는 사용하면 이 전의 사용자
next()라는 사용하면 이 다음의 사용자

단, pvev 함수는 0 밑으로 내려갈 수 없습니다.
next함수는 회원목록 수 이상을 내려갈 수 없습니다.

기본값은 가장 첫번째 회원 목록에 등록된 사용자입니다.

 

1. 입력

// 내가.

const userLists = [

     {

            name : "heejung",

            age : 20,

           height:180

      },

 {

            name : "nana",

            age : 20,

           height:180

      },.......

]

 

2. 출력

회원목록 중 특정한 회원 사용자의 정보를 출력할 것

--> 특정한 회원..아래에 ' 첫번째 회원 목록'있는거로 봐서..배열이다

배열 - 반복배열일까, 순서배열일까. --> 순서배열이다.

 

--> 특정한 회원을 어떻게 이동하지  [ ]몇번째로.

console.log([index])

 

3. 수식

/*

prev()라는 사용하면 이 전의 사용자 ---pvev함수이용
next()라는 사용하면 이 다음의 사용자 --next함수 이용

. 단, pvev 함수는 0 밑으로 내려갈 수 없습니다. 

--> 모가 밑으로 내려갈수 없어? [ ] 안에 있는 숫자가! 

--> 안에 숫자를 어떻게 해야해?  [index]로...그럼 index를 변수로 해야겠네..if (index <= 0....)

여기에서 0은 배열 [ 0 ]을 의미한다....--- 이 부분이 어려웠음;

--> if ( index <= 0 ) return; 

index-- 

// 설명 : 자바스크립트는 순서대로 진행된다. 초기값이 [ 0 ] 번이다.  prev 의 index 1이면 1 <= 0 거짓이므로

index--  가 실행되게..           

 

. next함수는 회원목록 수 이상을 내려갈 수 없습니다.

--> if (index >= userList.length) return;   

index++ ---> else이다.

// 설명 :  1 > 5 거짓이므로 index++를 실행켜서 index를 1씩 증가시킨다.

 

// 코드시작

 

const userLists = [

     {

            name : "heejung",

            age : 20,

           height:180

      },

 {

            name : "nana",

            age : 20,

           height:168

      },

 {

            name : "suu",

            age : 20,

           height:180

      },

 {

            name : "kim",

            age : 20,

           height:180

      },

 {

            name : "young",

            age : 20,

           height:180

      },

]

 

let index = 0;     // 기본값은 가장 첫번째 회원 목록에 등록된 사용자입니다.

 

function next() {

     if( index >= UserLists.length) return;

      index++                                            

}

next( )

 

function prev(){

     if( index <= 0) return;

     index--

}

prev()

prev()

 

// 출력

console.log([index]);

 

아직까지 

  if( index >= UserLists.length) return;

      index++          에서 거짓이면 index++ 를 실행해라는 함수를 못짜겠따.

 

자연어로 풀이하는 연습이 정말 중요한거 같다.

 

 

'academy > JavaScript' 카테고리의 다른 글

노드 배열로 작성 및 삭제 - Array / node / parentNode / remove  (0) 2024.04.29
nodelist 와 htmlcollection 차  (0) 2024.04.25
return과 map( )  (1) 2024.04.18
map( )  (1) 2024.04.17
return  (0) 2024.04.06