TIL 10

모모·2021년 10월 19일
0

TIL

목록 보기
10/28

Array: Mutator & No Mutator Method


No Mutation

.concat

둘 이상의 배열을 하나로 합칠 때 사용한다.
기존 배열을 변경하지 않지만 새 배열을 반환한다.

const num1 = [1, 2, 3];
const num2 = [4, 5, 6];
const num3 = [7, 8, 9];

const numbers = num1.concat(num2, num3);
console. log(numbers);
// [1, 2, 3, 4, 5, 6, 7, 8, 9]

.includes

배열이 특정 element를 포함하는지 판별한다.
boolean 값을 반환한다.

let animals = ['rat', 'elephant', 'horse'];

console.log(animals.includes('elephant')); // true
console.log(animals.includes('sunflower')); // false

.indexOf

배열에서 특정 element가 위치한 첫번째 인덱스 값을 반환한다.
해당 element가 존재하지 않으면 -1을 반환한다.

let animals = ['rat', 'elephant', 'horse'];

console.log(animals.indexOf('elephant')); // 1
console.log(animals.indexOf('sunflower')); // -1

.join

배열의 모든 element를 묶어 문자열로 반환한다.

const body = ['head', 'arms', 'legs'];

console.log(body.join()); // "head,arms,legs"
console.log(body.join('')); // "headarmslegs"
console.log(body.join('-')); // "head-arms-legs"

.slice

배열에서 시작값에서 끝값 전까지의 element를 배열로 반환한다.

let animals = ['rat', 'elephant', 'horse', 'camel', 'chicken'];

console.log(animals.slice(2)); // ["horse", "camel"]
console.log(animals.slice(1, 3)); // ["elepant", "horse"]

.toString

배열을 문자열로 반환한다

const body = ['head', 'arms', 'legs'];
console.log(body.toString()); // "head,arms,legs"

Mutation

.pop

배열의 마지막 element를 제거하고, 해당 element를 반환한다.

let animals = ['rat', 'elephant', 'horse', 'camel', 'chicken'];

console.log(animals.pop()); // "chicken"
console.log(animals); // ['rat', 'elephant', 'horse', 'camel']

.push

하나 이상의 element를 배열 끝에 더하고, 더한 길이를 반환한다.

const body = ['head', 'arms', 'legs'];

console.log(body.push('ears')); // 4
body.push('hands', 'foot');
console.log(body); // ['head', 'arms', 'legs', 'ears', 'hands', 'foot']

.shift

배열의 첫번째 element를 제거하고 해당 element를 반환한다.

let numbers = [1, 2, 3, 4];
numbers.shift(); // 1
console.log(numbers); // [2, 3, 4]

.sort

배열을 정렬하고 반환한다.

const ordinal = ['3rd', '1st', '2nd']
ordinal.sort();
console.log(ordinal); // ["1st", "2nd", "3rd"]

.splice

배열의 원소를 제거하고 더해준다.

let animals = ['rat', 'elephant', 'horse', 'camel', 'chicken'];
animals.splice(1, 2, 'hippo', 'dog');
console. log(animals) // ['rat', 'hippo', 'dog', 'camel', 'chicken']

animals.splice(0, 0, 'cat');
console. log(animals);
// ['cat', 'rat', 'hippo', 'dog', 'camel', 'chicken']

0개의 댓글