기초공사 (html,css,javascript)
배열예제 본문
// 문제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 |