Array
•
push() : 뒤에 삽입
•
pop : 뒤에 삭제
•
unshift() : 앞에 삽입
•
shift() : 앞에 삭제
arr.splice(n, m) : 특정 요소 지움
•
n: 시작 / m : 개수
let arr = [1, 2, 3, 4, 5];
arr.splice(1, 2);
console.log(arr); // [1, 4, 5]
JavaScript
복사
arr.splice(n, m, x) : 특정 요소 지우고 추가
let arr = [1, 2, 3, 4, 5];
arr.splice(1, 3, 100, 200);
console.log(arr); // [1, 100, 200, 5]
let arr2 = ['나는', '철수', '입니다'];
arr2.splice(1, 0, '대한민국', '소방관');
console.log(arr2); // ['나는', '대한민국', '소방관', '철수', '입니다']
JavaScript
복사
arr.splice() : 삭제된 요소 반환
let arr = [1, 2, 3, 4, 5];
let result = arr.slice(1, 2);
console.log(arr); // [1, 4, 5]
console.log(result); // [2, 3]
JavaScript
복사
arr.slice(n, m) : n부터 m까지 반환
let arr = [1, 2, 3, 4, 5];
arr.slice(1, 4); // [2, 3, 4]
// 괄호안에 아무것도 안 넣으면 배열이 복사된다.
let arr2 = arr.slice();
console.log(arr2); // [1, 2, 3, 4, 5]
JavaScript
복사
arr.concat(arr2, arr3, …) : 합쳐서 새 배열 반환
let arr = [1, 2];
arr.concat([3, 4]); // [1, 2, 3, 4]
arr.concat([3, 4], [5, 6]); // [1, 2, 3, 4, 5, 6]
arr.concat([3, 4], 5, 6); // [1, 2, 3, 4, 5, 6]
JavaScript
복사
arr.forEach(fn) : 배열 반복
let users = ['Mike', 'Tom', 'Jane'];
// arr은 해당 배열 자체를 의미한다.
users.forEach((item, index, arr) => {
// ...
});
JavaScript
복사
arr.indexOf / arr.lastIndexOf
let arr = [1, 2, 3, 4, 5, 1, 2, 3];
arr.indexOf(3); // 2
arr.indexOf(3, 3); // 7 (두 번째 인수는 시작위치를 의미)
arr.lastIndexOf(3); // 7
JavaScript
복사
arr.includes() : 포함하는지 확인
let arr = [1, 2, 3];
arr.includes(2); // true
arr.includes(8); // false
JavaScript
복사
arr.find(fn) / arr.findIndex(fn)
•
첫 번째 true 값만 반환하고 끝
•
만약 없으면 undefined 를 반환
let arr = [1, 2, 3, 4, 5];
const result = arr.find(item => {
return item % 2 === 0;
});
console.log(result); // 2
JavaScript
복사
arr.filter(fn)
•
만족하는 모든 요소를 배열로 반환
let arr = [1, 2, 3, 4, 5, 6];
const result = arr.filter(item => {
return item % 2 === 0;
});
console.log(result); // [2, 4, 6]
JavaScript
복사
arr.reverse() : 역순으로 재정
let arr = [1, 2, 3, 4, 5];
arr.reverse(); // [5, 4, 3, 2, 1]
JavaScript
복사
arr.map(fn)
•
함수를 받아 특정 기능을 시행하고, 새로운 배열을 반환
let userList = [
{name: "Mike", age: 30},
{name: "Jane", age: 27},
{name: "Tom", age: 10}
];
let newUserList = userList.map((user, index) => {
return Object.assign({}, user, {
id: index + 1,
isAdult: user.age > 19,
});
});
console.log(newUserList);
// 0: {name: "Mike", age: 30, id: 1, isAdult: true}
// 1: {name: "Jane", age: 27, id: 2, isAdult: true}
// 2: {name: "Tom", age: 10, id: 3, isAdult: false}
JavaScript
복사
join / split
//join
let arr = ['안녕', '나는', '철수야'];
let result = arr.join('-');
console.log(result); //안녕-나는-철수야
//split
const users = 'Mike,Jane,Tom,Tony';
const result = users.split(',');
console.log(result); //['Mike', 'Jane', 'Tom', 'Tony']
JavaScript
복사
