모르는(or 헷갈리는) Javascript term 을 정리하자!

String

1. tempelate literals

let animal="pig";
let sound ="oink";
`${animal} says ${sound}` //"pig says oink"

const minAge = 21;
let yourAge = 10;
`You must be ${minAge} to enter, please come back in ${minAge-yourAge} years`
//"You must be 21 to enter, please come back in 11 years"

실제 웹상에서 자주 쓰이는 표현은?
  
`posted ${elapsedTime} minutes ago by ${user}`

2. indexOf() 했을때 -1 나오는 것

• indexOf는 원래 해당단어의 위치? 찾는 method 이지만 보통 찾는 단어가 없을때 -1이라는 답이 나옴

• 그렇기 때문에 해당 값이 있냐 없냐를 보기위해 if indexOf('ddd) = -1 이런식으로 함수를 쓸 때 사용됨

  let park = 'Yellowstone';
  const index = park.indexOf('Stone');
  index; 
  //-1이 출력된다 

3. slice/replace 활용

'GARBAGE!'.slice(2).replace("B,'');
//slice2 하면 string 의 2 부터인 RBAGE! 가 출력되고
//여기서 B를 ''로 바꾸니 'RAGE!'가 출력

4. string escapes

- \n : newline
- \' : single quote
- \" : double quote
- \\ : backslash

"he said \"I ain't happy\" "

5. parseInt & pareseFloat

parseInt('22.2')
//22출력됨 parseInt는 그안에서 정수(integer)만 추려냄 (무조건 숫자로 시작해야함)
parseInt('$99')
//이렇게 하면 NaN이 나옴, 숫자로 시작하지 않고 $로 시작하기 때문
parseInt('99cents')
//99 출력됨. cents가 숫자 뒤에 오기 때문에 문제가 없음
parseFloat('33.5')
//전체 숫자를 출력함 33.5

Math object

1. Math.pow(,)

    Math.pow(7,2)
    //49 7의2승 

Truthy $ Falsy value

• 모든 값은 inherent 된 truthy or fasly boolean value가 있음
• Falsy values :
  • O
  • ""(empty string)
  • null
  • undefined
  • NaN
• Everything else is truthy
  예를들어

let me = "joanne"
if (me) {
  console.log("hey joanne");
}
else {
  console.log("I hate you ");
}
//이렇게 했을때 string value는 true 기 때문에 "hey joanne" 이 출력됨
//만약 me 값을 아래와 같이 바꾸면? false가 되어서 "I hate you"가 출력됨 
let me = ""

!(Not operator)

-!를 valu2 앞에 붙임으로서 negate할수가 있음!

let loggedInUser;

if(!loggedInUser) {
  console.log("get out");
} 

Operator precedence

• !(not)> &&(and) > ||(or)

let x =7;
x== 7 || x===3 && x>10
//이렇게 하면 true이다 왜냐하면 &&이 먼저 입력되기 때문! 
//헷갈릴때 () GROUPING 하면 됨, 왜냐하면 GROUPING 이 ALWAYS OVERULE하기 때문! 

Ternary operator

• condition ? expIfTrue: expIfFalse

num===7 ? console.log('lucky!') : console.log('bad')

let status = 'offline';
let color; 
if(status ==='offline') {
  color= 'red';
} 
else {
  color ='green';
}

let color= status==='offline ? 'red' : 'green' 

Array

• push() : add to end
• pop() : remove from end
• shift() : remove from start
• unshift() : add to start
• concat() : merge arrays
• includes() : look for a value(true/false)
• indexOf() : just like str.indexOf
• join() : creates a string from arr(make single string)
• reverse() : reverses an array
• slice() : copy portion of an arr
• splice() : remove/replace elements

	animals.splice(넣고싶은 위치,삭제하려는것 없으면 0,넣고자하는것)
	let animals =["koala", "dog", "cat"]
  	  aniamls.splice(1,0,'rabbit');
	animals 하면 ["koala","rabbit", "dog", "cat"]

	animals.splice(0,2);
	["koala","rabbit"]
	animals = ["dog","cat"]

• sort() : sorts an array