자바스크립트 array, object 기초 메소드 정리

 

 

Array

numbers = [1, 2, 3]

fruits = [Apple, Banana, Cherry]

메소드	작성	기능	예시
concat	배열.concat(배열)	배열을 합쳐서 새로운 배열을 만든다	const results = numbers.concat(fruits)
			results = [1, 2, 3, Apple, Banana, Cherry]
foreach	배열.foreach(값, 인덱스)	배열의 길이만큼 콜백한다.	fruits.foreach(item, index){ console.log(`${index} = ${item}`) }
			0 = Apple, 1 = Banana, 2 = Cherry
map	배열.map(값, 인덱스)	배열의 길이만큼 콜백하며 새로운 배열을 만든다.	const results = numbers.map(x=>x*2)
			results = [2, 4, 6]
filter	배열.filter(조건)	조건에 맞는 배열만 새로운 배열로 만든다	const results = numbers.filter(x=>x<3)
			results = [1, 2]
find	배열.find(조건)	판별하는 조건의 첫번째 값만 반환한다.	const results = fruits.find(item => /^B/.test(item))
			results = [banana]
findIndex	배열.findIndex(조건)	판별하는 조건의 첫번째 인덱스만 반환한다.	const results = fruits.findIndex(item => /^B/.test(item))
			results = 1
includes	배열.include(값)	특정 값을 포함여부를 불리안 값으로 나타낸다.	numbers.includes(3)
			true
reverse	배열.reverse()	배열의 순서를 역순으로 변경	fruits.reverse()
			fruits = [Cherry, Banana, Apple]
splice	배열.splice(배열위치, 삭제개수, 대체)	배열의 값을 추가하거나 제거하거나 대체시킨다.	numbers.splice(1, 0, 12) fruits.splice(2, 1, 'Orange')
			numbers = [1, 12, 2, 3] fruits = [Apply, Banana, Orange]

 

 

 

Array & Object

const user = {

   name : 'jerry',

   age : '15',

   gender : 'male'

}

const userPlus = {

   name : 'jerry',

   address = 'Korea'

}

const lists = [

   {name : 'jerry', id : '1'},

   {name : 'mary', id : '2'},

   {name : 'tom', id : '3'}

]

메소드	작성	기능	예시
keys(values)	Object.keys(객체) Object.values(객체)	객체의 키(값) 값을 가져온다.	const results = Object.keys(user)
			results = [name, age, gender]
assign	Object.assign(객체, 객체)	객체를 합친다. (얕은 복사)	const results = Object.assign({}, user, userplus)
			results = { name: 'jerry, age: '15', gender: 'male', address: 'Korea' }
...	...객체 또는 ...배열	객체 또는 배열의 값을 전개한다. (얕은 복사)	const copy = {...user}
			copy = {name: 'jerry, age: '15', gender: 'male'}
{키값} [위치값]	const/let {키값} = 객체 또는 const/let [ ,자리값] = 배열	원하는 데이터만 선택한다. (구조 분해 할당)	const {name, gender} = user const [ , , c] = fruits
			jerry, male Cherry
cloneDeep (lodash 이용)	_.cloneDeep(객체)	객체를 복사한다. (깊은 복사)	const copy = _.cloneDeep(user)
_.uniqBy (lodash 이용)	_.uniqBy(객체, 키)	객체의 중복되는 데이터를 걸러낸다.	_.uniqBy(user, 'name')
_unionBy (lodash 이용)	_.unionBy(객체, 객체, 키)	두 객체를 합쳐 중복되는 데이터를 걸러낸다.	_.unionBy(user, userPlus, 'name')
_.find (lodash 이용)	_.find(객체(배열), 요소)	객체의 요소를 찾아낸다.	_.find(lists, {name : 'jerry'})
			name : 'jerry', id : '1'
_.findIndex (lodash 이용)	_.findIndex(객체(배열), 요소)	객체의 요소를 찾아내 인덱스 번호를 알아낸다.	_.findIndex(lists, {name : 'jerry'})
			0
_remove (lodash 이용)	_.remove(객체(배열), 요소)	객체의 요소를 제거한다.	_.remove(lists, {name : 'mary'})
			list = [     {name : 'jerry', id : '1'},     {name : 'tom', id : '3'} ]