14. 배열(array) : 순서가 있는 리스트1번에 철수, 2번에 영희 …. 30번에 영수 → let students = [’철수’, ‘영희’, … ‘영수’]; console.log(students[0]); //철수- 고유번호를 가지고 있으면 이를 index 라고 한다. 0부터 시작한다. ✅ 배열의 특징- 배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있다.- length는 배열의 길이를 구할 수 있다.- push()는 배열의 끝에 요소를 추가- pop()은 배열의 끝 요소를 제거let days = [’월’, ‘화’, ‘수’]; days.push(’목’) console.log(days) // ‘월’, ‘화’, ‘수’, ‘목’ - shift(제거), unshift(추가)는 배열 앞에..
Javascript/기초 개념
13. 객체 (method, this)✅ method : 객체 프로퍼티로 할당된 함수const superman = { name = ‘clark’, age = 33, fly(){ console.log(’날아갑니다’) }} ✅ 만약 method에 프로퍼티를 넣고싶다면?const user = { name = ‘Mike’, sayHello : function(){ console.log(’Hello, I’m ${ ]’); }}→ name을 넣고싶다면? this로 부른다.const user = { name = ‘Mike’, sayHello : function(){ console.log(’Hello, I’m ${this.name]’); }}user.sayHello(); → Hello, I’m Mi..
12. 객체 (object)const superman = { name : ‘clark’, age : 33,} ✅ 객체에 접근하고 싶을 때- . / []를 사용하면 된다.superman.name / superman[’age’] ✅ 객체를 추가하고 싶을 때superman.gender = ‘male’; / sunperman[’hairColor’] = ‘black’; ✅ 객체를 삭제하고 싶을 때delete superman.hairColor; ✅ 프로퍼티- 단축 프로퍼티를 사용하면 보다 더 간단하게 객체를 작성할 수 있다.- 프로퍼티 존재 여부 확인 : 만약 없는 것을 부른다면 undefined- in 연산자를 활용하면 있는지 확인 가능하다‘birthDay’ in superman; //false - for ....
11. 함수 표현식, 화살표 함수(arrow function)let sayHello = function(){console.log(’Hello’);} - 위의 작성한 코드처럼 이름 없는 함수를 let으로 선언해주는 것을 함수 표현식이라고 한다.- 함수 선언문과 함수 표현식의 차이는 호출할 수 있는 타이밍에 있다. 함수 선언문 : 어디서든 호출할 수 있다. js는 위에서 아래로 코드를 읽는데, 함수는 먼저 부르고 선언해도 실행된다. → why? 그것은 js 알고리즘 때문이다. js는 미리 선언된 함수를 모아두기 때문이다. 이를 호이스팅이라고 한다. 함수 표현식 : 코드에 도달하면 생성, 반면 함수 표현식은 그런식으로 동작하지 않는다. ✅ 화살표 함수..
10. function- 어떠한 동작들을 자주 사용하거나, 여러 곳에서 사용하게 되면 하나로 만든 다음에 재활용 하는 것이 좋다.- 중복되는 코드도 줄어들고 유지보수도 편해지기 때문에, 함수는 이것을 가능하게 해준다.- 함수를 만드는 목적은 중복을 줄여주기 위한 것이다. function sayHello(name){console.log(’Hello, ${name}’;}// sayHello : 함수이름 → 자유롭게 정할 수 있음// name : 매개변수 → 없을 수도 있고 2개 이상일수도 있다. 여러개면 ,로 구분// {} : 함수의 실행코드sayHello(’Mike’); → 함수 불러오기 ✅ 전역변수와 지역변수- 지역변수 : 함수 내부에서 사용하는 변수- 서로 간섭을 받지 않는다.- 가급적 지역변수를 사용..
09. switch문: if, else를 알고있다면 그걸 사용해도 되지만, 좀 더 다양한 케이스들이 있을 때, 간결하게 하기 위해 사용switch(평가){ case A : // A일때 코드 break; case B : // B일 때 코드 break; …} - break를 만나기 전까지 계속 실행되기 때문에, break를 넣어줘야 한다.- 만약 case가 없다면, default;를 넣어줘야 한다.
08. 반복문 (for, while, do whiile) : 동일한 작업을 여러번 반복✅ forfor (let i =0; i; 로 구분, 총 3부분으로 나눠짐 1. 초기값 2. 조건(조건을 확인하고 false가 되면 멈춤)3.코드실행 후 작업i=0→ i가 10보다 작으므로 코드 실행→ i값 1증가i=1→ i가 10보다 작으므로 코드 실행 …(반복) ✅ whilelet i=0;while (i ✅ do whilelet i=0;do {//코드i++;} while (i ✅ 반복문을 빠져나오는 방법 (break, continue) break : 만나는 순간, 즉시 코드실행을 멈추고 빠져나옴continue : 만나는 순간, 멈추고 다음 반복으로 진행 tip.횟수가 정해져 있으면 for를, 아니면 while를 ..
07. 논리연산자 (and, or, not)|| (or) : 여러 개 중 하나라도 true면 true, 모든 값이 false일때만 false를 반환 → or은 1번째 true를 발견하는 즉시, 평가를 멈춘다.&& (and) : 모든 값이 true면 true, 하나라도 false이면 false를 반환 → and는 1번째 false를 발견하는 즉시, 평가를 멈춘다.! (not) : true와 false를 반댓값으로 바꿔준다. true → false / false → true 📛 우선순위가 있다 : &&(and)가 ||(or)보다 높다 tip.그래서 코드의 배치가 중요하다.시간을 줄이기 위해 쉽게 걸러낼 수 있는 조건이 앞에 와야한다.이러한 작업은..
