728x90
반응형
배열 : 데이터 불러오기 부분에서 부족한 것 공부
배열 : 데이터 불러오기
2차 배열
{
const arr = [100, 200, ["javascript","react"]];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2][0]);
console.log(arr[2][1]);
}
//const 키 = [값1, 값2, [값3, 값4]] / 값3 : console.log(arr[2[0]]); / 값4 : console.log(arr[2[1]]);
★갯수구하기 ( 자주 틀리는 부분 )
{
const arr = [100, 200, "javascript"];
console.log(arr.length);
}
//console.log(키.length);
갯수 구하는 것으로 쓰기도 하지만 함수 코드를 작성할 때 쓴다는 것 잊지 말자. 항상 틀리는 부분!
ex) for( let i=0; i<arr.length; i++){}
for()문
기본 문법 : for(초기값; 조건문; 증가감){실행문}
실행 순서 : 초기값 - 조건문 - TF확인 - 실행 - 증가감
배열 for문
{
const arr = [100, 200, 300, 400, 500, 600, 700, 800, 900];
for(let i=0; i<9; i++){
console.log(arr[i]);
}
}
배열된 순서가 0,1,2,3,4,5 ... 이기 때문에 초기값은 0부터 시작해야 숫자 100을 출력할 수 있다.
★중첩 for문
{
for(let i=1; i<=10; i++){
console.log("i : " + i); // i: 라는 문자열을 넣은 것
for(let j=1; j<=10; j++){
console.log("j : " + j);
}
}
}
중요한 것은 실행 순서이다. 첫번째 for문 실행 - 두번째 for문 실행 후 다시 처음으로 돌아간다. 헷갈리지 말자.
forEarch()문
배열의 데이터가 있어야만 사용할 수 있다.
{
const num = [100, 200, 300, 400, 500];
num.forEach(function(element, index, array){
document.write(element, "<br>");
document.write(index, "<br>");
document.write(array, "<br>");
});
}
element는 값을 말하기 때문에 100,200,300...이 출력
inde는 번호이기 때문에 0,1,2,3...
arry는 배열이기 때문에 배열 전체 출력
순서대로 출력되는 것이 포인트
// 결과값
100
0
100,200,300,400,500
200
1
100,200,300,400,500
.
.
.
for of 문과 for in 문
of는 element값을 출력하는데 사용하며 in은 index값을 출력하지만 el도 출력할 수 있다.
{
const arr = [100, 200, 300, 400, 500];
for(let i of arr){
document.write(i);
};
}
{
const arr = [100, 200, 300, 400, 500];
for(let i in arr){
document.write(i);
};
}
el 출력시
{
const arr = [100, 200, 300, 400, 500];
for(let i in arr){
document.write(arr[i]);
};
}