본문 바로가기

TIL

(16)
Primitive Type과 Reference Type primitive type - numbers, strings, booleans - 다른 variable에 reassign하거나 store할 때, value를 그대로 copy해서 저장 const num1 = 1; const num2 = num1; console.log(num2); //1 reference type - array, object - 다른 variable에 reassign하거나 store할 때, reference를 저장 const person = { name: 'Max' }; const secondPerson = person; console.log(secondPerson); 출력 [object Object]{ name: "Max" } secondPerson은 value를 copy해서 저장한 것이..
Destructuring Easily extract array elements or objects properties store them in variables - Array Destructuring [a, b] = ['Hello', 'Max]; conosle.log(a); //Hello console.log(b); //Max const numbers = [1, 2, 3]; [num1, num2] = numbers; console.log(num1, num2); //1, 2 [num1, , num3] = numbers; console.log(num1, num3)l //1, 3 - Object Destructuring {name} = {name:'Max', age:28}; console.log(name) // Max console...
Spread & Rest Operator spread operator -used to split up array elements or object properties const newArr = [...oldArr, 1, 2]; const newObj = {...oldObj, newProp: 5}; const numArr1 = [1, 2, 3]; const numArr2 = [...numArr1, 4, 5, 6]; console.log(numArr2); //[1, 2, 3, 4, 5, 6]; const numArr3 = [numArr1, 4, 5, 6]; console.log(numArr3); //[[1, 2, 3], 4, 5, 6]; const person = { name: 'Max' }; const newPerson = { ...person,..
let과 const (feat. var) --정리 현재진행형 let - 변수 즉, 한번 value(값)을 선언하고 나서 다시 바꿀 수 있다. (변할 수 있다.) let num = 1; console.log(num); //1 num = 2; console.log(num); //2 - 블록스코프 function run() { var num1 = 1; let num2 = 2; console.log(num1, num2); { let num3 = 3; console.log(num3); } console.log(num3); // ReferenceError } run(); num3은 블록 안에서 선언되었기 때문에 블록 바깥에서는 접근할 수 없음 -> ReferenceError - 똑같은 이름 다시 사용 불가능 let num = 1; let num = 2; // SyntaxEr..
String.prototype.split() const str = 'The quick brown fox jumps over the lazy dog.'; const words = str.split(' '); console.log(words); console.log(words[3]); const chars = str.split(''); console.log(chars); console.log(chars[8]); const strCopy = str.split(); console.log(strCopy); .split(' '); const words = str.split(' '); console.log(words); console.log(words[3]); 띄워쓰기를 기준으로 string을 나눠서 Array에 저장 출력 결과 > Array ["The", "..
array 비우기 arr.splice(0);
Array.prototype.join() join() method는 array에 있는 모든 elements를 연결해서(concatenation) 하나의 string return const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // expected output: "Fire,Air,Water" console.log(elements.join('')); // expected output: "FireAirWater" console.log(elements.join('-')); // expected output: "Fire-Air-Water" elements라는 array에 3개의 단어가 있다. elements.join()을 하면 Fire,Air,Water 이렇게 comma가..
innerHTML vs. textContent vs. innerText This element contains an inner span. 이런 paragraph가 있을 때, innterHTML This element contains an inner span. 모든 spacing과 element tags가 다 포함됨 textContent This element contains an inner span. element tags는 없지만 spacing은 그대로 innerText This element contains an inner span. 딱 텍스트만. element tags 없음 trimmed 출처 https://teamtreehouse.com/community/innertext-vs-innerhtml#:~:text=Unlike%20innerText%2C%20though%2..