오늘의 이야기

 

jQuery 배열 복사 방법

행운이 함께 하길 기원 드려요

1. slice() 메서드 사용:


2. 
   
   javascript
   
   
   
   

   
   

   var originalArray = [1, 2, 3, 4];
   var copiedArray = originalArray.slice();
   

   
   

   
   
   
   


3. concat() 메서드 사용:


4. 
   
   javascript
   
   
   
   

   
   

   var originalArray = [1, 2, 3, 4];
   var copiedArray = [].concat(originalArray);
   

   
   

   
   
   
   


5. Array.from() 메서드 사용:


6. 
   
   javascript
   
   
   
   

   
   

   var originalArray = [1, 2, 3, 4];
   var copiedArray = Array.from(originalArray);
   

   
   

   
   
   
   


7. 스프레드 연산자 사용 (ES6):


8. 
   
   javascript
   
   
   
   

   
   

   var originalArray = [1, 2, 3, 4];
   var copiedArray = [...originalArray];
   

   
   

   
   
   
   

jQuery를 사용한 배열 요소 이름과 갯수 확인

javascript

var originalArray = ['apple', 'banana', 'cherry', 'date'];

// 요소 이름 출력
originalArray.forEach(function(element) {
    console.log(element);
});

// 요소 갯수 출력
console.log('Array length:', originalArray.length);

jQuery를 사용한 객체 배열의 이름과 값 확인

javascript

var originalArray = [
    { name: 'apple', color: 'red' },
    { name: 'banana', color: 'yellow' },
    { name: 'cherry', color: 'red' },
    { name: 'date', color: 'brown' }
];

// 객체 배열의 이름과 값 출력
originalArray.forEach(function(element) {
    console.log('Name: ' + element.name + ', Color: ' + element.color);
});

객체 배열의 속성 이름을 모를 때

javascript

var originalArray = [
    { name: 'apple', color: 'red' },
    { name: 'banana', color: 'yellow' },
    { name: 'cherry', color: 'red' },
    { name: 'date', color: 'brown' }
];

// 모든 키와 값 출력
originalArray.forEach(function(element) {
    Object.keys(element).forEach(function(key) {
        console.log(key + ': ' + element[key]);
    });
    console.log('---');  // 각 객체 사이에 구분선 추가
});