웹개발 시 자주 이용하는 기초 개념들 모음(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
문자열
형변환
Author And Source
이 문제에 관하여(웹개발 시 자주 이용하는 기초 개념들 모음(ES6)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@edhz8888/웹개발-시-자주-이용하는-기초-개념들-모음ES6저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)