array

목차

• push()
• delete
• splice()
• indexOf()
• slice()
• concat()
• inclides()
• sort()
• join()
• every()
• some()
• filter()

---

 push()

배열에 값 추가

let arr = [ 1, 2, 3, 4, 5 ];
arr.push( 6 );

arr[ 방 번호 ] = 7 방식은 권장하지 않음

arr[ 12 ] = 7 과 같은 방식을 사용 할 경우, 중간에 값이 빈(empty) 방들이 생김

---

 

 delete

배열의 값 삭제

let arr = [ 1, 2, 3, 4, 5 ];
delete arr[ 4 ];
// delete[ 방 번호 ];
// 값은 지워지지만, 빈 방(index)이 남아있음

---

 

 splice()

배열의 요소를 삭제, 추가, 교체

 

삭제

let arr = [ 1, 2, 3, 4, 5 ];
// arr.splice( 방 번호, 삭제할 갯수 );
arr.splice( 2, 1 );

 

추가

let arr = [ 1, 2, 3, 4, 5 ];
// 추가 : arr.splice( 추가할 방의 번호, 0, 추가 할 값 );
arr.splice( 2, 0, 8 );

 

가장 뒤에 추가

let arr = [ 1, 2, 3, 4, 5 ];
// 가장 뒤에 추가하기 : arr.splice( arr.length, 0, 추가할 값 );
arr.splice( arr.length, 0, arr.length );

 

여러개 추가

let arr = [ 1, 2, 3, 4, 5 ];
// arr.splice( arr.length, 0, 추가할 값, 추가할 값, ... );
arr.splice( arr.length, 0, 1, 2, 3, 4, 5 );

 

교체

let arr = [ 1, 2, 3, 4, 5 ];
// arr.splice( 교체할 방의 번호, 1, 교체될 값 );
arr.splice( 2, 1, "안녕" );

---

 

 indexOf()

배열에서 특정 요소를 찾는데 사용

값이 있을경우 방 번호가 반환됨

값이 없을경우 -1이 반환됨

let arr2 = [ 1, 2, 3, 4, 5 ];
arr2.indexOf( 4 );

 

중복일 경우는 가장 첫번째 값의 방 번호를 반환

let arr2 = [ 1, 2, 3, 4, 3, 5, 6, 6, 1 ];
arr2.indexOf( 3 );

 

lastIndexOf() : 가장 마지막 요소 찾기

let arr2 = [ 1, 2, 3, 4, 3, 5, 6, 6, 1 ];
arr2.lastIndexOf( 1 );

---

 

 slice()

배열의 일부분을 잘라내고, 새로운 배열로 리턴

let arrSlice = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];
// slice( 시작할 방 번호, 자를 갯수 );
arrSlice.slice( 0, 3 );

---

 

 concat()

배열들의 값을 기존 배열에 합쳐서 새 배열을 반환

let arrCon1 = [ 1, 2, 3 ];
let arrCon2 = [ 10, 20, 30 ];
let arrCon4 = [ 100, 200, 300 ];
let arrCon3 = arrCon1.concat( arrCon2, arrCon4 ); 
// 기존 배열( arrCon1 ) 뒤에 arrCon2, arrCon4가 순서대로 들어감

---

 

 inclides()

배열이 특정 요소를 가지고 있는지 판별

let arrInc = [ 1, 2, 3, 4 ];
console.log( arrInc.includes( 2 ) ); // 값이 있으면 true를 반환
console.log( arrInc.includes( 5 ) ); // 값이 없으면 false를 반환

---

 

 sort()

배열의 요소를 아스키 코드 기준으로 정렬해서 반환

const arrSort = [ 6, 3, 5, 8, 92, 3, 7, 5, 100, 80, 40 ];
console.log( arrSort.sort() );

 

오름차순 정렬

console.log( 
    arrSort.sort(
        function( a, b ) { // ex) 6 과 3을 넣고, 6 - 3이 양수일경우 순서를 바꾸고, 음수일 경우 바꾸지 않음
            return a - b;
        }
    )
);
// arrSort.sort( ( a, b ) => a - b );

 

내림차순 정렬

console.log( 
    arrSort.sort(
        function( a, b ) {
            return b - a;
        }
    )
);
// arrSort.sort( ( a, b ) => b - a );

---

 

 join()

배열의 모든 요소를 연결해서 하나의 문자열로 만듦

let arrJoin = [ "안녕", "하세", "요" ];
console.log(arrJoin.join()); // ,를 넣어 연결
console.log(arrJoin.join("")); // 아무것도 넣지않고 연결
console.log(arrJoin.join("/")); // /를 넣어 연결

---

 

 every()

배열의 모든 요소들이 주어진 함수를 통과하는지 판별

const arrEvery = [ 1, 2, 3, 4, 5 ];
let result = 
    arrEvery.every( function( val ) {
        return val <= 5;
    }
);
// 모두 통과하면 true, 하나라도 통과하지 못하면 false
console.log( result );

---

 

 some()

배열의 요소 중 하나라도 주어진 함수를 통과하는지 판별

const arrSome = [ 1, 2, 3, 4, 5 ];
let resultSome = 
    arrSome.some( function( val ) {
        return val >= 5;
    }
);
// 하나라도 만족하면 true, 하나도 만족하지 않으면 false
console.log( resultSome );

---

 

 filter()

주어진 함수를 통과하는 모든 요소들을 모아서 새로운 배열로 반환

const arrFilter = [ 1, 2, 3, 4, 5 ];
let resultFilter = arrFilter.filter( val => val >= 3 );
console.log( resultFilter );

---

 

Github

Link