freecodecamp 정리 [JS 21~70]

- 배열의 마지막 값 쉽게 가져오기. 인덱스가 0부터인 특성 이용

const colors = ['white', 'black', 'red', 'blue'];
colors[colors.length - 1]; // 결과 : 'blue', 배열의 길이에서 1을 뺀 값 = 마지막 인덱스 값

 

- 배열명.pop() : 배열 맨 뒤 값을 배열에서 제거하고, 그 값을 return

const colors = ['white', 'black', 'red', 'blue'];
colors.pop();

consol.log(colors); // 결과 : ['white', 'black', 'red']
consol.log(colors.pop()); // 결과 : ['blue']

 

- 배열명.push() : 배열 맨 뒤에 값을 추가하고, 값이 추가된 배열의 길이를 정수형으로 return

const colors = ['white', 'black', 'red', 'blue'];
colors.push('green');

consol.log(colors); // 결과 : ['white', 'black', 'red', 'blue', 'green']
consol.log(colors.push('green')); // 결과 : 5

 

- 문자형 표현에서 외따옴표와 쌍따옴표의 차이는 없지만, 적어도 한 코드에선 한 방식으로 통일하자

 

- 반복문에서 괄호 안 초기문; 조건문; 증감문;을 구분 할 땐 세미콜론(;)임을 헷갈리지 말자!!!

 

- 자바스크립트도  문자형 줄바꿈할 때 '\n' 쓰네요

 

- 문자열.repeat() : 문자열을 입력한 횟수만큼 반복한 문자열을 기존에 붙여주고, 반복된 형태의 새 문자열을 return

let color = 'blue!';
color.repeat(0); // 결과 : '', 0을 넣으면 빈 문자열 출력
color.repeat(2); // 결과 : 'blue!blue!blue!'
color.repeat(3.6); // 결과 : 'blue!blue!blue!blue!', 실수를 입력하면 정수형으로 바꿔 인식. 소수 부분 버리는 듯?
color.repeat(-2); // 결과 : RangeError, 양의 정수만 입력 가능

 

- 비어있는 함수는 undefined를 return

function empty() {};
console.log(empty()); // 결과 : undefined

 

- 함수 내의 return 구문은 출력 값을 설정하는 의미도 있지만, 함수를 종료한다는 의미도 있음

function add(x, y) {
	return x + y;
  	console.log('Hi!');
} // return 이후의 'Hi!'는 출력되지 않음

 

[Scope]

• 전역 스코프 Global Scope : 여기서 선언된 변수는 어디서든 접근할 수 있음. 구문 밖 또는 for문 안
• 지역 스코프 Local Scope : 변수가 선언된 지역 이외의 곳에선 그 변수에 접근할 수 없음. 이외 지역에서 변수를 호출할시 reference error 발생. Block Scope라고도 함. 함수 구문 안