Array(배열)

JY·2021년 2월 19일

🧊 배열의 생성

var member = ['egoing', 'k8805', 'sorialgi']

🧊 배열의 크기

var arr = [1,2,3,4,5]; arr.length;

🧊배열의 판별

Array.isArray(obj)
객체가 Array라면 true를 반환하고, 아니라면 false를 반환합니다.

🧊 배열의 사용

배열의 원소를 하나씩 브라우저에 출력

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다. 
for(i = 0; i < members.length; i++){
    // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
    document.write(members[i].toUpperCase());   
    document.write('<br />');
}

🧊 배열의 조작

1.추가

배열의 시작점에 원소 추가 : .unshift('원소')

var li = ['a', 'b', 'c', 'd', 'e'];
li.unshift('z');
alert(li);

배열의 끝에 원소 추가 : .push('원소')

var li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');

복수의 원소 추가 : Array = Array.concat([element1, ..., elementN])

var li = ['a', 'b', 'c', 'd', 'e'];
li = li.concat(['f', 'g']);
console.log(li); // ['a', 'b', 'c', 'd', 'e', 'f', 'g']

특정 구간에 원소 추가 : .splice(index, howmany-delete, element1, ...., elementN)
생활코딩_splice

var li = ['a', 'b', 'c', 'd', 'e'];
li.splice(2, 0, 'B'); // 인덱스2 자리로부터 0개를 삭제하고 'HI'를 추가해라!
alert(li); // ['a', 'b', 'HI', 'c', 'd', 'e']

※ 추가 참고사항
삭제 구간에 해당되는 삭제된 원소들을 리턴함
.slice()가 원본을 유지하는 것과 다름
.slice(beginIndex, endIndex) : begin 부터 end-1에 대한 얕은 복사본을 새로운 배열 객채로 return함.

2. 제거

첫번째 원소 제거 : .shift()

var li = ['a', 'b', 'c', 'd', 'e'];
li.shift(); // "a"
alert(li); //  ['b', 'c', 'd', 'e']

마지막 원소 제거 : .pop()

var li = ['a', 'b', 'c', 'd', 'e'];
li.pop(); // "e"
alert(li); // ['a', 'b', 'c', 'd']

pop, shift, push, unshift 비교표

3. 정렬

정렬 : .sort()

var li = ['c', 'e', 'a', 'b', 'd'];
li.sort(); // ['a', 'b', 'c', 'd', 'e']
alert(li); // ['a', 'b', 'c', 'd', 'e']

역순 정렬 : .reverse()

var li = ['c', 'e', 'a', 'b', 'd'];
li.reverse();
alert(li);

원하는 순서로 정렬 : .sort(sortfunction)
생활코딩_sort

🧊 특정 길이로 배열 생성 & 값 초기화

1. for문 이용

빈 배열 생성 후, for문 돌며 각 인덱스에 원하는 값 추가

⭐️⭐️⭐️2. new Array(N).fill(n)

new Array(N) : 길이가 N인 배열 생성 // [undefined * 10]인 배열로 각 인덱스 자리에 값은 없음!

※ 추가 참고사항
new Array(N)은 속도가 느리기 때문에 (arr = []).length = N 사용을 추천함
const N = 5; //길이 N을 5로 설정
let arr;
(arr = []).length = N; // arr에 빈 배열 대입한 후, 길이를 N으로 설정
arr.fill('a') // 길이가 5이고 값은 비어있는 arr를 'a'로 채우기