Today's

길을 나서지 않으면 그 길에서 만날 수 있는 사람을 만날 수 없다

갑을병정이야기

jQuery 배열 복사 방법

Billcorea 2024. 12. 19. 15:35
반응형
 

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('---');  // 각 객체 사이에 구분선 추가
});
반응형