적재적소에 필요한 메서드를 떠올리고 응용법을 생각해내기 위해
Javascript 메서드를 한번씩 정리하면서 몰랐던 부분까지 한번씩 체크해보도록 하자.
쉽게 기억할수있도록 어원과 뜻을 정확히 알고 넘어가자. ( 메서드명이 너무 명확해서 어원이랄게 있나?싶긴하다.)
한번씩 정리하고 링크걸기.
Array
[Javascript] for, forEach, for in, for of, map으로 반복 수행하기
for 단순 반복실행 요소와 index 값을 사용하여, 증가 혹은 감소하면서 순차적 실행한다. 원하는 결과가 나오면 break; 로 중단할수 있다. const forArray = [1, 3, 5, 7]; const forNewArray = []; for (let i =..
space-rumi.tistory.com
[Javascript] 특정 요소 찾기 find, findIndex, filter
find callback함수가 참을 반환할때까지 실행하고, 참을 만나면 첫번째 요소를 반환한다. 조건에 만족하는 요소를 찾지 못하면 undefined를 반환한다. 원본 배열을 변경시키지 않는다. array.find((item, ind
space-rumi.tistory.com
[Javascript] some, every 하나라도 만족하는지, 모두 만족하는지
some 하나라도 만족하는지 알아보자. 하나라도 true면 true 98보다 큰게 있냐? 네! const newArray = [1,2,3,4,5,6,7,8,9,99]; const isCorrect = newArray.some(item => item > 98); console.log(isCorrect); //..
space-rumi.tistory.com
[Javascript] includes - 배열에 특정 값 가지고 있는지 확인하기, 객체에 특정 키값을 가지고있는지 확
include 말그대로 포함한다. 배열에 특정 값을 가지고 있는지 확인할때 사용한다. 그럼 객체에 키값이 있는지 확인해보도록 하자. Array.includes(찾는값, 시작 인덱스) 시작 인덱스는 옵션이고 default
space-rumi.tistory.com
[Javascript] map 메서드 그리고 reduce
map map 메서드는 반복을 통해 item을 하나씩 매핑한다. 매핑(mapping)은 하나의 값을 다른값과 1:1 대응시키는것이다.(해당 값이 다른값을 가리키도록 하는것이다.) 배열의 아이템을 1:1로 대응시키지
space-rumi.tistory.com
TODO
- 정렬하기 sort
- 합치겠다 concat, join
- 배열에 넣고 빼기 push, pop, shift, unshift
- 인덱스 붙이기 entries
- 1중첩 빈값 없애기 flat
- 삭제, 교체, 추가, 자르기 slice, splice
- 문자열로 변환 toString, toLocaleString
Object
[Javascript] Object.assign, spread 연산자로 새로운 배열, 새로운 object를 만들기
let array1 = ["num1", "num2"]; let array2 = ["num3", "num4"]; let sumLetArr = [...array1, ...array2]; let obj1 = { key1: "value1", key2: "value2" }; let obj2 = { key2: "newValue2", key3: "value3" };..
space-rumi.tistory.com
TODO
- hasOwnProperty
- 문자열로 변환 toString, toLocaleString
string, number, math, date, 등등은 위에꺼 다하고 하자..
'[IT] 프로덕트 개발 > Javascript - 자바스크립트' 카테고리의 다른 글
| Javascript !! (Double Exclamation Marks Operator) 느낌표 두개 !! (1) | 2022.09.06 |
|---|---|
| [Javascript] 특정 요소 찾기 find, findIndex, filter (4) | 2022.09.02 |
| [Javascript] map 메서드 그리고 reduce (3) | 2022.08.31 |
| [Javascript ] 깊은복사와 얕은복사, 그리고 원시형 참조형 데이터 (0) | 2022.05.31 |
| [Javascript] Nullish coalescing operator / 널리쉬 병합 논리 연산자 (2) | 2022.05.21 |