[ JAVASCRIPT ] 그랩 - 비전공자 부트캠프 강의 : JAVASCRPIT (2)

[ 객체 ]

• object
• 자료를 key + value 형태로 저장
• {}로 표기

• 객체를 묶어서 설명

• 객체에서 value에 접근하려면 key값을 넣어주면 됨

변수 내부의 무언가를 이용하려 하면
. 이나 [ ]를 활용한다

• 객체(object)에 신규값 넣기

• 객체 + 배열 조합 여러개 할 경우 []가 맨앞끝에 들어감

(+) 추가 쿼리도 동일함 ~[넘버][”변수”] = “명칭”;

[ 연산자 ]

• 변수를 가공할 수 있도록 도움
• 기본 연산자 + , -, * , /

• 비교 연산자 >,  <,   ≥ ,  ≤, ===, !==
  • boolean값을 반환함
  • ! == 는 부정not의 의미

• 논리 연산자 || , &&
  • && : AND 조건, 앞의 연산 결과가 true일 때 뒤의 연산 값을 반환
    

• || : OR 조건, 앞의 연산 결과가 true라면 앞의 연산 값을 반환 false라면 뒤의 연산 값을 반환 (true가 하나라도 있으면 true를 반환)

• 값이 false일 때 else값으로 처리 가능
  • 3가지 로직이 각각 다르면 else if로 처리 가능
  • 위에 로직이 맞지않으면 아래로직을 타고 내려오는 원리

[ 조건문 ]

조건에 따라 로직을 다르게 수행하도록 도움

• true = 로직 수행
• false, null, 0, “”, undefined = 로직 수행하지 않음
• 공백인 var empty =" "; 정의시 undefined 도출

else 와 else if 차이 : if가 들어가면 ( )정의가 한번 더 필요

---

※ 틀린문제 복기 = products와 products.length는 다른 개념임

• length는 수량을 의미, products는 변수명을 의미

• else if의 false 가정은 (~)구문을 쓰지 않는다

---

• else if와 else 복합 사용법

• 1.else와 2.else if와 3.else 복합 사용일 경우, 1.과2.의 하나라도 충족하지 않을 경우 마지막 3.의 값이 도출됨

• 이상 이하 표현은 위치가 중요하니 = 뒤로 보내기

[ 함수 ]

• 함수는 자바스크립트의 꽃임
• 함수를 사용한다 = 코드를 실행한다 = {}를 붙여준다

• 명명 방식

1. function 명명(){ console.log(’반환할 단어’); }
2. const 명명 = function(){ console.log(’반환할 단어’); }

• 명명실행
  • 명명();

• 함수 인자 활용
  • () 내부에 파라미터 넣어 활용하는 것
  1. function 명명(파라미터){ var 변수 = 명명할 것; console.log(’반환할 단어’); }
     1. 숫자 식 넣기에 유용함
     2. 문자 식도 활용 가능함

• 함수 값 반환
  • 함수 인자 활용하여 함수 설정 후 반환
  • return = 함수를 종료시키는 구문, 실행 구문 아래를 실행하고 싶지 않을 때 활용
  1. 명명('파라미터','파라미터')
     • var를 사용하여 명명함~

• 명명.변수 = var로 명명한 변수식. 변수

*우선 함수식 명명이 필요함
function getProfile(name,age){
return{
name: name,
age: age}
--------------------------------------
*변수 명명이 필요
var profile = getProfile('인간',10);
--------------------------------------
profile.name 결과 = getProfile('인간',10).name 결과
=== 동일

• “ ”를 넣으면 문자로 인식, 아니면 숫자로 인식

• if함수 사용

• var이후 한번 확인하는 작업 필요(빨간 박스)