자바스크립트 배열 , javascript array - 삽질중인 개발자

var jbAry1 = [ 'Lorem', 'Ipsum' ];
var jbAry2 = jbAry1.concat( 'Dolor', 'Amet' );
      

자바스크립트 배열 사용법

 

배열 선언 방법 

// 자바 배열 선언 방법

<script>

	var array = new Array();	//빈 배열 만드는 방법
	var array = new Array("a","b","c","d"); // 배열 선언과 동시에 초기화
	var array = [1,2,3,4]; //배열 선언과 동시에 초기화
    
</script>

 

배열에 값 넣기 / push( value );

<script>
	
    var array = new Array(); //초기화
	
    //방법 1
    array[0] = 1;
    array[1] = 2;
    array[2] = 3;
    
    
    //방법 2   Array.push(value)
    array.push(1);
    array.push(2);
    array.push(3);
    

</script>

 

배열의 마지막 값 제거 / pop()

<script>
	
    var array = new Array(1,2,3); // [1,2,3] 
    
    //배열의 마지막 요소 제거 Array.pop()
    array.pop(); //[1,2]
    array.pop(); //[1]
    
</script>

 

 

배열 길이 / length

<script>
	
    var array = new Array(1,2,3,4,5);

	//배열의 길이 반환 Array.length;
	array.length;	//5

</script>

 

배열안에 모든 요소를 String으로 합쳐서 반환 / join( separator )

<script>
	
    var array = new Array("무궁화","꽃이","피었습니다");
    
    array.join(" "); // 무궁화 꽃이 피었습니다
    array.join(",");	// 무궁화,꽃이,피었습니다
    array.join("-");	// 무궁화-꽃이-피었습니다
    array.join("~ ");	//무궁화~ 꽃이~ 피었습니다
    
</script>

 

배열 정렬 / sort( compareFunction )

<script>
	
	var array = [2,4,3,1,5];
    
	array.sort(function(a, b) { // 오름차순
		return a - b;	//1,2,3,4,5
	});

	array.sort(function(a, b) { // 내림차순
		return b - a;	//5,4,3,2,1
	});


	var color = [
		{ name : "red", hex_code : "#FF0000"},
		{ name : "blue", hex_code : "#0000FF"},
		{ name : "black", hex_code : "#000000" },
		{ name : "yellow", hex_code : "#FFFF00" }
	]

	
	color.sort(function(a, b) { // 오름차순
		return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
        //black , blue ,red , yellow
	});

	color.sort(function(a, b) { // 내림차순
		return a.name > b.name ? -1 : a.name < b.name ? 1 : 0;
		// yellow, red, blue, black
	});
</script>

 

두개의 배열 합치기 / concat( array );

<script>

	var array1 = [ "배열","합치기"];
	var array2 = [ "예제", "입니다"];
	var array3 = array1.concat( array2 );	
    
	console.log(array3) ; //[ "배열", "합치기", "예제", "입니다" ]

</script>

 

조건에 만족하는 배열의 첫 번째 요소를 반환 / find( callback );

<script>
	var array = [
		{name: 'a', value: 1},
		{name: 'b', value: 2},
		{name: 'c', value: 3}
	];

	array.find( array => array.name === 'b' );  // {name: 'b', value: 2}


</script>