JAVASCRIPT 24 Basic Array Operator(Method)

자바스크립트의 Method에 대해 알아보자!

메쏘드는 배열을 쉽게 다루게 해주는 도구이며 연산자 같은 느낌이라고 생각한다.

수많은 매쏘드가 존재하지만 가장 기본적인 매쏘드에 대해 알아보자!

const friends = ['Michael', 'Steven', 'Peter'];

다음과 같은 배열이 있다.

더하는 매쏘드를 정리하자면

friends.push('jay'); //function
const newLength = friends.push('jay');
friends.unshift('john');

push 그리고 unshift가 있다.

우선 색깔을 봐도 되고 vscode에서 마우스를 가져다 대면 나오는 정보로는 함수이다.

함수는 input , transform , output 으로 작동 되는데

push 는 'jay' 를 배열의 마지막에 추가하고 배열의 크기를 반환한다.

2번째 줄에서 newLength의 저장된 값은 4이다. 원래 3에서 1이 추가된 4가 반환값으로 저장된것이다.

unshift 는 'john' 을 맨 앞에 추가하는 매쏘드이다. 마찬가지로 1이 추가된 배열의 크기를 반환한다.

friends.pop();//last
friends.shift();

pop 그리고 shift는 둘다 원소를 제거하는 매쏘드이다.

pop은 맨 뒤에서 shift는 맨 앞에서 제거한다 그후 그 원소 값을 둘 다 반환한다.

특징으로 인자가 없다. 배열을 제거하는데 인자는 필요 없기 때문이다.

console.log(friends.indexOf('Peter'));
console.log(friends.includes('Micheal'));

indexOf 와 includes 매쏘드는 배열 안에 찾는 값이 있는지 없는지 알아내는 매쏘드이다.

indexOf는 찾는 값의 배열의 위치 그리고 없다면 -1을 내놓지만

includes는 찾는 값이 있으면 boolean 값을 내놔 if/else에서 사용하기 편하다. 그리고 === 처럼 엄격해서 형식이 다르면 다른 값이 나온다.

매쏘드는 수 많이 있으므로 사용할 때마다 vscode에서 가져다 대면 자세한 설명이 나오므로 이를 참고 하는 것이 정확한 코드를 작성할 수 있다.

공부일기