배열 Array

Doyoon Lee·2020년 6월 26일
0

Javascript

목록 보기
2/23

기본 문법

var member = ['egoing', 'k8805', 'sorialgi']
alert(member[0]); // 배열의 정보값을 불러올 때의 문법
alert(member[1]);
alert(member[2]);
  • var 변수명 = [ ]
  • member 변수라는 하나의 통에 여러가지 value를 담는것이다.


index

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
var members = get_members(); // members라는 변수에 지정.
document.write(members[0]); // egoing 이 나옴
document.write(members[1]); // k8805가 나옴
document.write(members[2]);
  • 함수 안에 여러가지의 return 값이 있어서 그중에 하나를 index(색인)으로 호출해줘야 한다.


arrayname.length

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 갯수(예시에선 3개)
for(i = 0; i < members.length; i++){
    // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
    document.write(members[i].toUpperCase());   
    document.write('<br />');
}
  • 배열에서 members.length 하고 length를 사용하면 value의 갯수를 알려준다.
  • i < members.length 이렇게 써야
    members 배열에 요소가 없어지거나 추가되더라도 자동으로 수정이 된다.
  • 예시에서 members.length = 3개, 그것보다 작기 때문에 i = 2, index가 2까지.


push

var li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');
alert(li);
// 출력되는건 ['a', 'b', 'c', 'd', 'e', 'f'] 가 된다.
  • arrayname.push(element);

  • 예시에서 배열 맨 마지막에 'f' 가 추가 된다.


unshift

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

  • 배열의 맨 앞에 요소를 추가 시킨다.


splice

var li = ['a', 'b', 'c', 'd', 'e'];
li.splice(1, 2, 'y');
alert(li);
  • arrayname.splice(index, howmany, element1, element2);

  • 배열의 특정 구간을 추출하거나 특정 구간에 여러개의 요소를 넣을 때 사용한다.
  • index : 배열에 추가할 특정 배열의 위치를 가르킨다.
  • howmany : index에서부터 제거될 원소들의 수. index부터 index+howmany에 해당하는 원소들은 삭제된다. 이 값이 0이면 어떠한 원소도 삭제되지 않는다.
  • 예시 : b, c 가 사라지고 y가 그 자리에 들어간다. index 1(b)에서부터 2개의 요소(b와 c)가 사라지고, index1의 자리에 y가 들어간다.
  • splice 에 대한 자세한 내용 : https://opentutorials.org/course/50/110

Nested Array (중첩된 배열)

const nestedArr = [[1], [2, 3]];

console.log(nestedArr[1]); // Output: [2, 3]
console.log(nestedArr[1][0]); // Output: 2
  • Array 안에 든 array 를 가져오기 위해서 index 를 여러개 쓰면 된다.

0개의 댓글