JavaScript : 배열 (33~37강)

33~

배열

<script>
 
//배열 
var members = ['egoing', 'k8805'];
 
//alert(members); // 각각의 엘리먼트를 콤마로 구분하여 띄워줌
//매개값은 여러개 받을 수 있지만 리턴은 하나씩만 할 수 있다.
//알림창 : egoing, k8805
 
//.toUpperCase : 문자열 대문자로 바꿔주는 내장객체 함수
 
function get_members(){
    return ['egoing', '111', 'ㄱㄴㄷ' ];
    
}
 
members = get_members();
 
document.write(members[0].toUpperCase()+ '<br />');
document.write(members[1].toUpperCase()+ '<br />');
document.write(members[2].toUpperCase()+ '<br />');
 
//alert(members);
//알림창 : egoing, 111, ㄱㄴㄷ  알림창
 
// 배열의 길이  : length
//alert(members.length) //알림창 : 3 // length 함수아니고 필드
 
 for (var i=0; i < members.length; i++ ){
     
     document.write( members[i].toUpperCase() + '<br />');     
 }
 
</script>

배열의 조작, 정렬

<script>
 
 
var li = ['a','b','c','d','e'];
 
li.push('f'); // 배열의 push (내장객체)함수가 하나의 원소를 추가해줌
 
//push은 리스트의  add함수처럼 배열에 f를 저장해줌
 
document.write(li + '<br />');
 
//여러개의 원소를 한꺼번에 추가하고자 할 땐 concat() 사용
//단, concat의 인자는 배열이므로 원소들을 [ ]안에 담아야한다.
//*concatenation : 연속
li.concat(['g', 'h' , 'i']) ; // 인자 배열을 이어주는 함수
//리스트의 add처럼 li에 추가되어 저장되는건 아님
 
document.write(li.concat(['g', 'h' , 'i']) + '<br />');
//출력 : a,b,c,d,e,f,g,h,i
 
li = li.concat(['g', 'h' , 'i']) ;
 
document.write(li + '<br />');
//출력 : a,b,c,d,e,f,g,h,i
 
 
//인덱스 0에 삽입하는 경우 : unshift
 
li.unshift('z');
 
document.write(li + '<br />');
//출력 : z,a,b,c,d,e,f,g,h,i
 
 
//인덱스 중간 어딘가에 삽입하는 경우 : splice
//array.splice(index, how many, element1, element2, ...);
 
li.splice(0, 2, '0', 'a');
 
document.write(li + '<br />');
//출력 : 0,a,b,c,d,e,f,g,h,i
//해당 자리의 원소들이 삭제되고 splice한 원소들로 대체된다.
//*splice : 잇다, 잘라붙이다, 접합하다
 
 
//배열에 저장된 원소 삭제하기 : shift / pop
//shift는 첫번째 원소, pop은 마지막 원소 삭제
 
li.shift();
document.write(li + '<br />');
//출력 : a,b,c,d,e,f,g,h,i
 
li.pop();
document.write(li + '<br />');
//출력 : a,b,c,d,e,f,g,h
 
 
//배열의 정렬 : reverse / sort
 
li.sort();
document.write( 'li.sort() = ' + li + '<br />');
 
li.reverse();
document.write( 'li.reverse() = ' + li + '<br />');
//출력 : li.reverse() = h,g,f,e,d,c,b,a
 
//특정 조건에 맞게 정렬할 경우 : sort(sortfunc) 사용자 정의
//생활코딩 사이트 자바스크립트 참고 (https://www.opentutorials.org/course/50/109)
//정렬 공부하고 다시 보기
 
 
</script>