Javascript/javascript
자바스크립트 배열 , javascript array - 삽질중인 개발자
개발 N년차
2019. 7. 7. 18:16
반응형
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>
반응형