페이지 정리 해야됨!
일단 양식 상관없이 간략히 기재해둠
📌학습 내용
📖 반복문
💡 if문
// while
// 조건이 참일 때 거짓이 되기 전까지 실행이 반복됨
// 조건이 거짓이 되는 순간을 정해줘야 함
// do ~ while
// 일단 최초 한 번 실행을 보장한 후 조건을 따짐
// for문
// 가변값 시작점; 조건; 규칙을 하나의 괄호 안에 넣어 이해가 쉬움
// 순서를 지켜서 넣어야 함
// for문 안의 변수는 전역 변수
// 중첩 반복문
// 중첩 for문
// 주어진 시작점에서 외부 for문이 참이라면
// 내부 for문의 반복이 종료되고 나서 외부 for문의 일정한 규칙이 동작
// 구구단 2단 ~ 9단
// break
// 특정 값만 발견하면 그 이후 도출되는 결과는 필요없을 때
// 5를 발견하면 반복문을 종료
// continue
// 특정 값은 건너뛰고 계속 반복 작업을 실행하길 원할 때
// 5를 건너뛰고 반복문을 계속 실행
// 반복문의 응용
// 배열의 여러 데이터를 한 번에 출력하기
(1)
// 배열 안의 데이터 개수를 자동으로 인식하게 하기
// 배열 안의 데이터 개수를 알려주는 property인 length 활용
(2) foreach문
주어진 함수를 배열 요소 각각에 대해 실행
배열 데이터타입에서만 활용 가능
매개변수의 순서를 꼭 지켜줘야 함
arr.forEach(function(element, index) {
console.log(element);
console.log(index);
})
(3) 메서드 map
// map은 return을 사용할 수 있다는 점에서 foreach와 구분됨
// map으로 도출한 결과를 변화시켜 다른 변수에 전달 가능하다는 것
//(4)for ~ in문
// 객체의 key 값의 갯수만큼 반복하여 마지막 키값까지 반복함
// key 값과 value 값을 뽑아내는데 유용
📖 문자열 String 메서드
// length; : 공백을 포함한 문자열의 길이
// trim(); : 문자열 앞뒤 공백을 제거
// 용례: 사용자가 입력한 정보에서 의도치 않은 공백을 제거할 수 있음
// charAt(n); 공백을 포함한 n번째의 문자를 추출함
// 가장 마지막 글자만 가져오기
// slice(문자를 잘라낼 시작점, 종료점); 문자 추출
// 시작점 '이상' 종료점 '미만'의 교집합만 추출
// 종료점 지정하지 않으면 시작점 이상의 모든 문자
// split(''); 일정한 규칙에 따라 문자를 잘라내고 배열에 담을 때
// 데이터타입을 문자 -> 배열로 변경하게 됨
// replace('원래 문자', '바꿀 문자'); 단어를 선택해 다른 단어로 변경함
// indexOf(''); 찾는 단어가 시작하는 위치의 좌표값을 찾아줌
// 대소문자 구분
// 찾는 단어가 존재하지 않을 때는 -1을 반환
// 중복되는 단어가 있을 때는 가장 먼저 나오는 값을 반환
// toUpper/LowerCase(); 대문자 소문자 전환
// 용례: 검색 서비스 등에서 대문자와 소문자로 인해 데이터가 달라지는 것을 방지
이외의 메서드 참고
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String
📖 배열 Array 메서드
// push(); 배열 안 새로운 데이터 추가
// unshift(); 배열 안 앞쪽에 새로운 데이터 추가
pop(); 배열의 뒤에서부터 데이터를 삭제함
shift(); 배열의 앞에서부터 데이터를 삭제함
join(''); 배열 안 데이터를 하나씩 가져와 특정 규칙 아래 완성된 문자열로 만들 때
배열.concat(합칠 배열); 배열의 데이터를 합칠 때
이외의 메서드 참고
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array
📌어려운 점
for ~ in문 설명이 잘 이해가 안 됐다.
📌해결방법
https://webclub.tistory.com/243
https://dydals5678.tistory.com/66
https://stackoverflow.com/questions/25775486/for-var-index-in-vs-foreach/25775569
📌느낀 점
와 이거 내가 알아서 활용할 수 있을까?
