JSFiddle - React, Tailwind, and code Playground

JavaScript

// 리터럴 방식
var arr1 = [1, 2, 3, 4, 5];
// 클래스 방식
var arr2 = new Array('일', '이', '삼', '사', '오');
// 문자열
var str = '안녕하세용';


// 배열의 갯수 알아내기(length)
console.log('배열 arr1의 요소는 총', arr1.length, '개 입니다.');

// 특정 위치의 배열 요소 접근하기
console.log('배열 arr2의 두번째 요소는', arr2[1], '입니다.');
console.log('배열 arr2의 마지막 요소는', arr2[arr2.length - 1], '입니다.');

// 배열의 값을 문자열로 출력
console.log('배열 arr1의 요소를 문자열로 출력하면', arr1.join('/'), '입니다.');

// 문자열을 배열로 만들기
console.log('배열로 만든 문자열 str의 두번째 요소는', str.split('')[1], '입니다.');

console.log('--------- 요소의 추가 -------------');

// 마지막 위치에 배열 요소 추가(push)
arr1.push('six');
console.log('배열 arr1의 마지막 요소는 추가된', arr1[arr1.length - 1], '입니다.');

// 첫번째 위치에 배열 요소 추가(unshift)
arr1.unshift('zero');
console.log('배열 arr1의 첫번째 요소는 추가된', arr1[0], '입니다.');

// n번째 위치에 배열 요소 추가(splice)
arr2.splice(3, 0, 'four');
console.log('배열 arr2의 네번째 요소는 추가된', arr2[3], '입니다.');

console.log('--------- 요소의 삭제 -------------');

// 첫번째 요소 삭제하기(shift)
arr2.shift();
console.log('배열 arr2의 첫번째 요소가 삭제되어 0번의 값은 ', arr2[0], '입니다.');

// 마지막 요소 삭제하기(pop)
arr1.pop();
console.log('배열 arr1의 마지막요소가 삭제되어 마지막의 값은 ', arr1[arr1.length - 1], '입니다.');

// 특정 위치(n번째) 요소 삭제하기(splice)
console.log(arr2);
arr2.splice(1, 1);
console.log('배열 arr2의 두번째 요소가 삭제되어 값은', arr2[1], '입니다.');