[JavaScript] 자주 쓰는 함수 정리

1. Object

✅ 객체

1) assign : 옮길 객체의 속성들을 담을 객체에 복사한후 반환한다

// Object.assign( 담을 객체, 옮길 객체 )
const returnedObj = Object.assign(obj1, obj2);

 

2) delete : 객체의 속성을 제거할때 사용한다

// delete 객체.속성 또는 delete 객체[속성]
delete obj.user;

 

3) keys : 해당 객체의 key들을 배열로 가져온다

// Object.keys(객체)  리턴값 : 배열
Object.keys(obj)

 

4) hasOwnProperty : 해당 객체에 인자값과 같은 속성이 있는지 확인할때 사용한다

// 객체.hasOwnProperty( 속성 )   리턴값 : true 또는 false (boolean)
obj.hasOwnProperty('user')

 

 

2. Array

✅ 배열

1) isArray() : 인자값이 배열인지 확인할때 사용한다

// Array.isArray(배열 또는 객체)  리턴값 : true 또는 false (boolean)
Array.isArray(obj)

 

2) from() : 유사 배열이나 반복 가능한 객체를 복사해 새로운 Array 객체로 만든다

// Array.from( 배열  or String or 객체)   리턴값 : 배열
Array.from(obj)

 

3) join() : 배열의 모든 요소를 연결해 하나의 문자열로 만든다

// 리턴값 : string
array.join('-') // - 로 연결

 

4) includes() : 배열에 요소가 포함되어 있는지 확인한다

// 리턴값 : true / false
array.includes('a')

 

5) sort() : 배열의 값들을 유니코드 값 순서대로 정렬한다.

array.sort((a,b) => a - b); //오름차순          
array.sort((a,b) => b - a); //내림차순

 

 

3. String

✅ 문자열

1) startsWith() : 어떤 문자열이 특정 문자로 시작하는지 확인할때 사용

// 리턴값 : true 또는 false (boolean)
str.startsWith('start')

 

2) isNaN() : 어떤 문자열이 숫자인지 확인할때 사용

// 리턴값 : 숫자가 아니면 true, 맞으면 false로 반환
isNaN('0')

 

3) search() : 해당 문자열에 문자가 존재하는지 확인후 index를 리턴한다. 없으면 -1 리턴한다

// 리턴값 : -1, 0, 1, ...
str.search('wo')

 

 

4. JSON

✅ json

1) stringify() : 객체를 JSON문자열로 변경한다

2) parse() : JSON문자열을 객체로 변경한다

let json = { name : 'test', value : 1 };   

let jsonString = JSON.stringify(json);   
JSON.parse(jsonString);