POTATO THAT WANT TO BE HUMAN

자바스크립트에서는? 자바스크립트에서 key를 통해 객체에 접근하는 법은 다음과 같다. const object = { red: "FF0000", green: "00FF00", blue: "0000FF" }; console.log(object['red']); 그렇다면 타입스크립트에서는? 타입스크립트에서도 똑같다 그런데 string key를 변수에 가둔다면 ?! const object = { red: "FF0000", green: "00FF00", blue: "0000FF" }; let name = 'red'; console.log(object[name]); // Element implicitly has an 'any' type because expression of type 'string' can't be ..

아래와 같이 모두 숫자로 구성된 두 개의 배열이 있다고 가정해보자. const arr1 = [1, 2, 3, 4]; const arr2 = [5, 6, 7, 8]; // 합계 // [6, 8, 10, 12] arr1과 arr2의 합계를 구하고 싶은 경우 map함수을 활용해 다음과 같이 구할 수 있다. arr1.map((ele, idx) => x + arr2[idx]); // [6, 8, 10, 12] map함수는 새로운 배열을 return 하기 때문에 새로운 배열에 할당하면 된다. 정리 const arr1 = [1, 2, 3, 4]; const arr2 = [5, 6, 7, 8]; const sumArr = arr1.map((ele, idx) => {return ele + arr2[idx]});

자바스크립트에서 배열의 길이를 알아내는 것은 아주 간단하다. array.length 를 사용해 배열의 길이를 구할 수 있다. const arr = [1, 2, 3, 4, 5]; console.log(arr.length);// arr 배열의 길이는 5 그렇다면 객체의 길이는 어떻게 알 수 있을까? 우선 객체는 다음과 같이 생겼다. const obj = { name: "dress", color: "green", price: "10,000" } 객체의 길이를 알고자 배열에서 했던 것처럼 obj.length 를 하면 될까? 객체는 배열과 다르게 key와 value로 나뉜다. 위 예시로 보자면 name, color, price가 key가 되고 "dress", "green", "10,000"이 value가 된다. ..

🤔 repeat 함수 사용하기 repeat 함수는 주어진 문자열을 옵션의 count 만큼 반복하여 붙인 다음 새로운 문자열로 반환합니다. 반복의 횟수를 의미하는 count는 양의 정수여야 하며 무한대보다 작고, 최대 문자열 크기를 넘어서는 안됩니다. string.repeat([count]) 🤔 repeat 함수 예제 살펴보기 1) 문자열에서 반복할 경우 let str = '방가'; let testRepeat = str.repeat(2); console.log(testRepeat); // '방가방가' 문자열을 반복할 경우 반복하고 싶은 횟수를 매개변수로 작성합니다. 그럼 기존 문자열을 반복횟수만큼 반복한 문자열이 반환됩니다. ('방가'가 2번 반복되어 '방가방가'가 되었습니다.) 2) 배열내 문자열에서 반..

자바스크립트에서 join 함수를 사용하면 배열의 요소들을 연결하여 하나의 문자열로 만들 수 있습니다. 🤔 join() 사용하기 array.join([separator]) join 함수는 배열 내 모든 값들을 순서대로 연결시켜주고, 배열의 길이가 0이라면 빈 문자열을 리턴합니다. 파라미터로 들어갈 수 있는 separator는 구분값입니다. 필수값이 아니며, 작성하지 않을 경우 쉼표로 표기되어 연결됩니다. 🤔 예제를 통해 살펴보기 1) 파라미터를 입력하지 않은 경우 const arr = ['I', 'am', '녜힝']; const joinStr = arr.join(); console.log(joinStr); // I, am, 녜힝 파라미터를 입력하지 않은 경우 쉼표로 표기되어 연결됩니다. 2) 파라미터에 빈..

자바스크립트에서 split 함수를 사용하면 문자열을 일정한 구분자로 잘라서 배열로 저장할 수 있습니다. 🤔 split() 사용하기 string.split(separator, limit) split 함수는 문자열을 첫번째 파라미터인 separator를 기준으로 잘라서, 두번째 파라미터인 limit 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴합니다. 쉽게말해 separator는 문자열을 잘라줄 구분자, limit는 최대 분할 갯수입니다. separator에 값이 입력되지 않는다면 문자열 전체를 배열에 담아 리턴하게 됩니다. 🤔 예제를 통해 살펴보기 split을 사용할 때 파라미터의 값에 따라 결과가 다르게 나오므로 파라미터를 입력하지 않은 경우 단어별로 자를 경우 글자별로 자를 경우 특정 구분자로 자를..

every, some 은 배열 내부 모든 원소 값에 대해 검토가 필요한 경우 사용됩니다. 배열 내부의 원소를 순회하면서 특정 조건을 만족하는지 검사합니다. boolean값을 리턴하는데, 조건을 만족하면 true를 만족하지 않으면 false를 리턴합니다. 📌 every every 는 조건을 만족하지 않는 값이 발견되면 순회를 중단하고 false 값을 반환합니다. 조건을 만족하지 않는 원소가 있으면 순회를 중단하고 false를 반환합니다. 모든 원소를 다 검사했는데 조건을 만족하지 않는 원소가 없으면 true를 반환합니다. (원소가 없는 빈 배열은, 조건을 만족하지 않는 원소가 없으므로 무조건 true를 반환합니다.) 간단한 예제를 살펴보겠습니다. const numArr = [1, 2, 3, 4, 5, 6,..

filter함수는 명칭과 같이 콜백함수의 조건에 해당하는 모든 요소가 있는 새로운 배열을 반환해줍니다. 이런 기능을 하는 filter함수는 배열이나 JSON 객체내의 조건에 해당하는 값만을 추출할 때 유용하게 사용됩니다. 📌 filter 함수 filter함수는 javascript array에서 많이 사용되는 함수로 반복문의 역할을 수행합니다. filter함수에서는 반복시킨 배열에서 순차적으로 값에 접근합니다. const newArr = arr.filter(( elemnent, index, array ) => { ··· }); filter함수의 매개변수로는 콜백함수가 들어갑니다. 콜백함수에서는 3개의 매개변수를 사용할 수 있습니다. element: 현재 순회하는 array의 요소값 index : 그 요소의..