[3일차]

Ayla’s·2022년 3월 25일

배열과 반복문

배열은 서로 연관된 데이터를 그룹핑해서 이름을 붙인것
목적은 정리정돈!

배열(Array)

배열에 담긴 값들은 순서대로 저장
각각의 값은 원소(element)
0부터 카운팅; 색인인덱스
변수명 = ['ㅁ', 'ㅁ', 'ㅁ',];
평등한 데이터를 순차적으로 저장
인덱스로 식별되는 객체

이름으로 식별되는 배열 - 객체
객체지향은 서로 연관 된 변수와 함수를 그룹핑해서 이름을 붙인 것

[반복문,loop statements]
어떤 조건을 만족하는 동안에는 동일한 코드를 반복적으로 실행
for(초기값; 반복조건; 증감연산){...}
반복조건 - true면 다시 for문 실행
false면 반복문 끝
for(let i=0; i<2; i=i+1){console.log(2); console.log(3);}
console.log(4);
i<2 ; 2 미만이므로 0,1 두번 실행
i=<2 ; 2 이하이므로 0,1,2 세번 실행

let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
inputs[i].click()
}

let as = document.querySelectorAll('a');
for(let i=0;i<as.length;i=i+1){
as[i].style.color = 'white';
} ///모든 a태그 색상 변경

내장함수 bulit in function

함수는 서로 연관된 코드를 모아서 그룹핑한 정리정돈의 상자다
이름을 붙인 것이다
코드가 간결해진다
가독성이 좋아진다
유지보수가 편해진다

함수는 입력에 따라 다르게 동작함

function 함수명(//매개변수,parameter) {코드}
실행시 함수명(//인자,입력값,argument));
매개변수는 함수 안에서만

함수의 리턴 뒤에 적힌값이 함수의 실행값
function a(){
return 1; //값이 확정되는 함수의 종료 조건
}
a()

어려웠던 부분 / 해결 방법 / 느낀점


매개변수로 가격과 부가세율을 지정하여 부가세를 계산하는 함수를 만드는 부분이 어려웠다. 강사님 강의를 들을 땐 이해가 되다가도 혼자 다시 하려면 헷갈렸다. 그래서 누군가에게 이 코드를 설명해야 한다면 어떻게 풀어서 말해야 할 지 생각해보았다.

내가 이해한바로부가세계산이라는 함수를 설명해보자면,
return 부가세; 는 위의 가격*부가세율을 실행하는 값이고,
console.log(부가세계산(2000,0.1));가 위의 함수를 실행하는 코드로
가격이 2000, 부가세율이 0.1 일 경우 부가세를 계산하는 함수이다.

무작정 코드만 보면서 이해하려고 하기보단 이렇게 코드를 풀어서 설명해보는 식으로 정리해보니 이해가 잘되었다! 시간이 조금 걸리더라도 나는 아직 입문자이기에 당분간은 이렇게 복습 해볼 생각이다!

0개의 댓글