js15

제로·2022년 11월 30일
0

javascript

목록 보기
15/26

Array 객체

  1. js의 배열 선언 형식
    1) var array = new Array(); // 빈 배열
    new Array(5); // 배열의 크기를 지정
    new Array(50,30,400); // 구성요소 포함
    2) var array = [];
    [10,20,30]
  2. 속성과 메서드
    1) length : 배열 요소의 갯수
    2) concat() : 배열 요소를 이어주는 역할
    3) join() : 모든 요소 문자열
    4) pop() : 마지막 요소 제거 및 리턴 처리
    5) push() : 마지막에 요소 추가
    6) reverse() : 배열 데이터 뒤집기 처리
    7) slice(시작idx, 마지막) : 지정 부분 추출하여 배열처리, 구조가 바뀌지 않는다.
    8) sort() : 정렬처리
    9) splice(시작idx, 갯수) : 지정부분 삭제, 삭제한 요소 리턴, 구조가 바뀐다.

sort의 처리

  1. 기본 sort()는 첫번째자리부터 비교해서 정렬하고, 그 다음 자리에 데이터를 비교하기에
    자리수가 같지 않으면 원하는 정렬이 처리되지 않는다
  2. 숫자의 데이터를 비교해서 정리를 위한 처리
    sort(function(left, right){
    return left-right; (오름차순 반대면 내림차순)
    })
var div = document.querySelector("#container")
 var array = [52,273,103,22]
 var array1 = [52,73,32,12]
 var array2 = [152,273,332,412]
 var array3 = [52,1,273,332,4312]
 
 array.sort(); array1.sort(); array2.sort(); array3.sort();
 div.innerHTML=array+"<br>"
 div.innerHTML+=array1+"<br>"
 div.innerHTML+=array2+"<br>"
 div.innerHTML+=array3+"<br>"
 
 var array = [52,273,103,22]
 array.sort(function(left,right){
	 return left - right;  // 그대로 내려오기에 기본 순차정렬인 오름차순으로 처리된다.
 })
 div.innerHTML +="기능 처리 후 오름차순 정렬 :"+array+"<br>"
 
 array.sort(function(left,right){
	 return right-left;  // X형식으로 바꿔주기에 역순인 내림차순 정렬
 })
 div.innerHTML +="기능 처리 후 내림차순 정렬 :"+array+"<br>"
 

profile
아자아자 화이팅

0개의 댓글