천진난만 코딩 스토리

1 ) 배열의 비 구조화 할당 let arr = ["1", "2", "3"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); //출력 1 2 3 반복되는 긴 코드를 짧게 줄여줄 수 있음. let arr = ["1", "2", "3"]; let [one, two, three] = arr; console.log(one, two, three); //출력 1 2 3 배열 안에 변수를 선언해 주고 그 변수에 arr의 배열을 할당해 주면 됨. let [one, two, three] = ["1", "2", "3"]; console.log(one, two, three); //출력 1 2 3 두 줄의 코드를 합쳐서..

1 ) 특정 값이 여러 값 중 하나인지 확인 function person(name) { return ( name === '오리' || name === '올라프' || name === '상어' || name === '공룡' ); } console.log(person('오리')); // true console.log(person('커피')); // false 특정 값이 여러 값 중 하나인지 확인을 해야 하는 상황일 때 비교해야 할 값이 많아질수록 코드는 길어짐. 이 코드를 짧게 하려면, 배열을 만들고 배열의 includes 함수를 사용하면 됨. const person = name => ['오리', '올라프', '상어', '공룡'].includes(name); console.log(person('상어')); ..

1 ) Truthy & Falsy let a = "string"; let b = Infinity; let c = "0"; let d = 13; let e = []; trueCheck(a); trueCheck(b); trueCheck(c); trueCheck(d); trueCheck(e); //결과 TRUE 비어있지 않은 값과 0을 제외한 숫자는 True. let a = undefined; let b = ""; let c = 0; let d = null; let e = NaN; trueCheck(a); trueCheck(b); trueCheck(c); trueCheck(d); trueCheck(e); //결과 FALSE 비어있는 값이거나 0인 값은 Flase. 2 ) Falsy 연산자 응용 const ge..

6 ) splice, slice splice: 배열에서 특정 항목을 제거할 때 사용. slice: 시작할 인덱스와 끝나는 인덱스를 입력하면 배열을 잘라줌. const arr6 = [1, 3, 5, 7, 9]; console.log(arr6.splice(3, 1)); console.log(arr6.slice(0, 2)); //출력 [1, 3, 5, 9] [1, 3] splice를 하여 arr6 배열에서 3번째 자리인 5가 삭제됨. 여기서 splice는 제거된 배열을 결괏값으로 가지게 됨. slice를 하여 0번째 자리부터 2-1자리인 1번째 자리까지 반환함. (2라서 2번째 자리가 아니라 -1을 해주어야 함) 7 ) shift, pop shift와 pop은 원소를 배열에서 추출해줌. 추출된 함수는 배열에서..

1 ) foreach 배열 안에 있는 원소들을 가지고 어떤 작업을 일괄적으로 하고 싶을 때, forEach문을 사용해 간결한 코드 작성 가능. const arr = [1, 2, 3, 4]; for (let i = 0; i < arr.length; i++) { console.log(arr[i] * 2); } // 출력 2 4 6 8 for문을 사용해서 1,2,3,4 의 배열에 곱하기 2를 하는 값을 로그로 찍고 싶다면 위의 코드처럼 작성할 수 있음. 하지만, foreach 문을 통해서 좀 더 간편하게 사용할 수 있음. const arr = [1, 2, 3, 4]; arr.forEach(function (elm) { console.log(elm * 2); }); // 출력 2 4 6 8 forEach 내장함..