- 자바스크립트_배열
- 자바스크립트_함수
💡배열
- 변수 선언시 별도의 자료형 지정이 없기에 어떤 자료형의 값이든 한 공간에 담을 수 있음- 배열의 크기에 대한 제약이 없음
💡배열의 선언
- new연산자와 Array 객체를 통해 배열을 선언할 수 있음- 크기를 정하지 않은 배열 선언 : 자료형 변수명 = new Array();
- 크기를 정한 배열 선언 : 자료형 변수명 = new Array(개수);
💡배열관련 메소드 (1)
* 배열.indexOd(찾고자하는요소) : 배열에서 해당 요소가 위치해있는 인덱스 반환
1) area2 div 요소객체 가져오기 2) arr 변수에 사과, 딸기, 바나나, 복숭아, 파인애플 저장하기 3) friut 변수에 prompt로 브라우저상에서 알람창과 입력창 뜨도록 대입하기 4) index 변수에 arr.indexOf(fruit)로 찾고자하는 요소 메소드 작성 5) 위 5개의 과일이 없으면 -1을 반환함 6) 조건문을 통해 index가 -1이면 해당 과일은 판매하지 않습니다. 7) 아니라면 몇 번째 인덱스에 있습니다. 출력하기
💡배열관련 메소드 (2)
* 배열.concat() : 배열에 여러개의 배열을 결합할 때 사용
`concat은 원본 배열에 영향을 끼치지 않는 메소드 !`
1) arr1 배열에는 사과, 딸기 2) arr2 배열에는 자동차, 비행기, 기차 저장하기 3) arr1 기준으로 배열 합치기 : arr1.concat(arr2) 4) arr2 기준으로 배열 합치기 : arr2.concat(arr1,[1,2,3]) * 배열 안에 배열 합치기도 가능함
💡배열관련 메소드 (3)
* 배열.reverse() : 배열에 담긴 값들을 역순으로 바꿔주는 메소드
`concat은 원본 배열에 영향을 끼치는 메소드 ! == 원본배열 바뀜`
1) arr 배열에 1,2,3,4,5 2) arr.reverse() == 5,4,3,2,1 * 다시 arr배열 출력 시 역순으로 바뀐 값이 나옴
💡배열관련 메소드 (4)
* 배열.sort() : 배열안에 담긴 값들을 정렬시켜주는 메소드
* 한글
1) arr 배열에 김보람,나보람,강보람,가보람,바보람
2) 오름차순배열 : arr.sort();
3) 내림차순배열 : arr.sort().reverse();
*숫자
1) arr2에 30,21,101,18,1,201,70, 7
# 숫자는 크기대로 정렬이 아니라, 문자열로 바꿔서 정렬하기때문에 정렬이 제대로 안됨
2) 오름차순 : arr2.sort(function(left,right){return left-right}
3) 내림차순 : arr2.sort(function(left,right){retyrn right-left}
💡배열관련 메소드 (5)
* 배열.push(추가할요소) : 배열의 맨 뒤에 요소를 추가시키고 배열크기 반환
* 배열.pop : 배열의 맨 뒤 요소를 제거시키고 제거된 요소 반환
💡배열관련 메소드 (6)
* 배열.unshift(추가할요소) : 배열의 맨 앞에 요소를 추가 후 배열크기 반환
* 배열.shift : 배열의 맨 앞 요소를 제거시키고 제거된 요소 반환
💡배열관련 메소드 (7)
* 배열.slice(시작인덱스,끝인덱스) : 배열로부터 시작인덱스에서부터 끝인덱스까지 추출해주는 메소드
* 배열.splice(시작인덱스,제거수,[추가값]) : 배열의 요소를 추출해서 제거시키고 추가까지 가능
💡배열관련 메소드 (8)
* 배열.toString() : 배열의 각 인덱스에 담긴 값을 하나의 "문자열로 합쳐 반환
* 배열.join([구분자]) : 배열의 각 인덱스에 담긴 값을 하나의 "문자열로 합쳐 반환
