[Javascript] 자바스크립트 메서드 (Method)

Javascript Method

자바스크립트에서 메서드(Method)는 객체(Object)에 속한 함수를 나타내며,

객체는 프로퍼티(속성)과 메서드로 이루어져 있고, 메서드는 객체가 수행할 수 있는 동작이나 기능을 정의합니다.

 

 

join

Array.prototype.join()
배열의 모든 요소를 하나의 문자열로 연결 (병합)

/* 배열 -> 문자열(한문장 묶어준다); */

let frontlangs = ['html', 'css','javascript'];

let frontlangs2 = frontlangs.join(',');
console.log(frontlangs2);

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/join

 

reverse

Array.prototype.reverse()

배열의 모든 요소의 순서를 반전.  첫 번째 요소-↔ 마지막 요소

//원소들을 반대로 정렬, 원본 수정됨

let reverseLangs = frontlangs.reverse();
console.log(reverseLangs);
console.log(frontlangs);     //원본 수정됨

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse

 

sort

Array.prototype.sort()

 

배열의 요소를 적절한 위치에 재정렬

기본 정렬 순서는 문자열의 유니코드 코드 포인트(오름차순)

let fruits = ['apple','orange','mango'];
console.log(fruits);
fruits.sort();
console.log(fruits);    //원본 수정됨

fruits.sort(function(){
    return -1;
});
console.log(fruits);     //리턴 -1 일때,  역순으로 출력(reverse 와 같다)

nums.sort(function (a,b) {
    return b-a;            
});
console.log(nums);      //값이 숫자일때, b-a 입력시 역순으로 출력 (reverse 와 같다)

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

 

 

 

push

Array.prototype.push()

배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환

//기존의 배열 마지막에 값 추가
fruits.push('grape');
console.log(fruits);

//['mango', 'orange', 'apple', 'grape']

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/push

 

 

 

pop

Array.prototype.pop()

배열에서 마지막 요소를 제거하고 그 요소를 반환

//기존의 배열 마지막에 값 삭제
fruits.pop();
console.log(fruits);

//['mango', 'orange', 'apple']

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/pop

 

 

 

unshift

Array.prototype.unshift()

새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환

기존의 배열 맨 앞에 값 추가</p>
fruits.unshift('grape');
console.log(fruits);

//['grape', 'mango', 'orange', 'apple']

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift

 

 

 

shift

Array.prototype.shift()
배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환. (원본 배열의 길이 변함)

//기존의 배열 맨 앞에 값 삭제
fruits.shift();
console.log(fruits);

//['mango', 'orange', 'apple']

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

 

 

 

slice

Array.prototype.slice()
배열의 시작부터 끝까지 인덱스 번호로 새로운 배열 객체의  복사본을 반환 (원본 배열 변화 없음)

//배열에서 인덱스 번호로 원소를 복사(추출)
var orgArr = [0,1,2,3,4,5];
var newArr = orgArr.slice(0,3);   //시작번호부터 끝번호 바로 앞 요소까지
console.log(newArr);
console.log(orgArr);              //원래 배열 원상태 유지

//[0, 1, 2]
//[0,1,2,3,4,5]

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

 

 

 

splice

Array.prototype.splice()
배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경

//배열에서 인덱스 번호로 원소를 오려내기
var orgArr2 = [0,1,2,3,4,5];
var newArr2 = orgArr2.splice(0,3);
console.log(newArr2);
console.log(orgArr2);      //원래 배열 상태 변경

//[0, 1, 2]
//[3, 4, 5]

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

 

 

 

concat

Array.prototype.concat()
두 개 이상의 배열을 병합하는 데 사용. (기존 배열을 변경없이, 새 배열 반환)

//배열병합
var arr1 = ['html','css','javascript'];
var arr2 = ['php','asp', 'jsp'];
var arr3 = arr1.concat(arr2);
console.log(arr3);

//['html', 'css', 'javascript', 'php', 'asp', 'jsp']

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

 

 

 

 

filter

Array.prototype.filter()
주어진 배열의 복사본을 생성하고, 조건에 맞는 요소 필터링 

//조건에 맞는 원소만 추출 후, 새 배열
var nums4 = [10,7,25,22,30];
var mynums2 = nums4.filter(function(item){
	return item % 5 == 0;
});
console.log(mynums2);

//[10, 25, 30] -> 배열 각 요소를 item으로 받고 나눈 값 0만 추출해서 새로 배열

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter