본문 바로가기
javascript

내장객체_배열(Array)

by 신방동불주먹 2022. 11. 14.

<생성>

 

 

1) var 변수명=new Array();

    변수명[0]=x, 변수명[1]=x,....

 

var d=new Array();
d[0]=30;
d[1]="따르릉";
d[2]=true;

 

2) var 변수명=new Array(값1, 값2, 값3..)

 

var d=new Array(30,"따르릉",true);

 

3) var 변수명=[값1, 값2, 값3..]

 

var d=[30,"따르릉",true];

 

 

<불러오기>

 

 

1) 변수명[인덱스번호];

 

var arr=[30,"따르릉",true];
console.log(arr1[0]); 
console.log(arr1[1]);
console.log(arr1[2]);

2) 반복문

 

for(let i=0; arr.length; i++){
	console.log(arr[i])
    }
for(let value in arr){
	console.log(arr[value])
    }

 

3) forEach 문

 

arr1.forEach((element,index,arr1) =>
	console.log(element,index,arr1)
    );

 

 

<메서드>

 

    let arr_1=["사당", "교대", "방배", "강남"];
    let arr_2=["신사","압구정","옥수"];

 

1. join(연결문자) : 연결 문자 기준으로 1개의 문자형 데이터로 반환

 

let result=arr_1.join("-");
    console.log(result);
사당-교대-방배-강남

 

2. concat : 2개의 배열객체를 하나로 결합 (새로운 배열에 할당)

 

 result=arr_1.concat(arr_2);
    console.log(result);

 

3. slice(index1, index2) : 원하는 인덱스 구간만큼 잘라서 배열로 가져옴 (index2 전까지)

 

    result=arr_1.slice(1,3);
    console.log(result);

 

4. sort() : 오름차순 정렬

 

    result=arr_1.sort();
    console.log(result);
 
    let greenArr=["교대","방배","강남"];
    let yellowArr=["미금","정자","수서"];

 

 

5. splice(삭제할인덱스, 삭제개수, 추가할 값) : 지정 데이터 삭제하고 그 구간에 새 데이터 삽입

    greenArr.splice(2,1,'서초','역삼');
    console.log(greenArr);

 

5. pop : 배열의 마지막 값을 꺼내오고 삭제

 

    let data1 = yellowArr.pop();
    console.log(data1);
    console.log(yellowArr);

 

 

6. shift: 배열의 맨 앞의 값을 꺼내오고 삭제

 

    let data2=yellowArr.shift();
    console.log(data2);
    console.log(yellowArr);

 

 

7. push: 배열의 마지막에 값을 삽입

 

    yellowArr.push(data2);
    console.log(yellowArr);
    


    //인덱스 번호 알아내기
    console.log(yellowArr.indexOf("수서"));

 

8. unshift: 배열의 맨앞에 값을 삽입

    yellowArr.unshift(data1);
    console.log(yellowArr);

 

 

9. indexOf: 배열의 인덱스 알아내기

console.log(yellowArr.indexOf("수서"));

'javascript' 카테고리의 다른 글

내장객체_날짜(Date()), 수학객체(Math())  (0) 2022.11.15
1114_함수정의  (0) 2022.11.15
BOM(Browser Object Model) 브라우저 객체 모델  (0) 2022.11.14
객체, 객체 생성자 함수  (0) 2022.11.14
1109_변수  (0) 2022.11.09