웹개발 시 자주 이용하는 기초 개념들 모음(ES6)

json

---

배열

length

배열의 길이를 반환합니다.

let fruits = ['사과', '바나나']

console.log(fruits.length)
// 2

push & pop

배열의 맨 끝에 항목을 추가하는 push

let newLength = fruits.push('오렌지')
// ["사과", "바나나", "오렌지"]

배열의 맨 끝 항목을 제거하는 pop

let last = fruits.pop() // 끝에있던 '오렌지'를 제거
// ["사과", "바나나"]

shift & unshift

배열의 맨 앞 항목을 제거하는 shift

let first = fruits.shift() // 제일 앞의 '사과'를 제거
// ["바나나"]

배열의 맨 앞에 항목을 추가하는 unshift

let newLength = fruits.unshift('딸기') // 앞에 추가
// ["딸기", "바나나"]

indexOf

해당하는 '첫번째' 인덱스를 리턴한다. 만약 없다면 -1을 리턴한다.

fruits = ["딸기", "바나나", "망고"]

let pos = fruits.indexOf("바나나")
// 1

splice

• arr.splice(a,b) 일때 arr[a] 부터 b만큼 제거한다.

let removedItem = fruits.splice(pos, 1) // 항목을 제거하는 방법

// ["딸기", "망고"]

• arr.splice(a,b,c) 일때 a번 인덱스부터 b개를 제거하고 c를 그 자리에 추가한다.
  설명만으로는 이해하기 어렵기 때문에 예제의 링크를 첨부한다.
  https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice#%EC%98%88%EC%A0%9C

배열에서 사용되는 반복문 forEach,

요소를 일괄적으로 변경하는 map,

특정조건을 만족하는 요소만 리턴하는 filter,

indexOf와 비슷하지만 콜백을 사용하는 find,

이 4개를 커버할 수 있는 reduce

이 함수들은 다음 링크에 정리가 잘 되어있다.
https://bblog.tistory.com/300

---

문자열

---

형변환