javascript 배열 선언, 배열 항목에 접근하기(Array() 생성자사용)

지난 포스팅에서는 javascript 배열을 리터럴 표기법으로 생성해보았습니다. 실제 업무에선 리터럴 표기법이 작성이 간단해 많이 사용하며 Array() 생성자를 사용하는 것보다 리터럴 표기법을 사용하는 것이 여러 브라우저에서 좀 더 좋은 성능을 보입니다. javascript 배열 선언, 배열 항목에 접근하기(리터럴 표기법) 배열 생성 방법 javascript로 배열을 생성하는 방법은 2가지가 있습니다. 먼저 리터럴 표기법에 대해 알아보겠습니다. 대괄호([ ])를 사용하는 배열 리터럴 표기법 Array() 생성자로 Array 객체 생성 배 likedev.tistory.com 배열 생성 방법 javascript로 배열을 생성하는 방법에는 2가지가 있습니다. 이번엔 Array() 생성자를 사용해 배열을 만들..

• format_list_bulleted javascript
• · 2022. 1. 18.
• textsms

javascript 배열 선언, 배열 항목에 접근하기(리터럴 표기법)

배열 생성 방법 javascript로 배열을 생성하는 방법은 2가지가 있습니다. 먼저 리터럴 표기법에 대해 알아보겠습니다. 대괄호([ ])를 사용하는 배열 리터럴 표기법 Array() 생성자로 Array 객체 생성 배열 선언 배열을 선언할 때에는 [ ] 안에 값을 나열하면 됩니다. const fruits = ['사과', '바나나']; const arr = ['사과', '바나나', 1234]; // 서로 다른 데이터 타입도 가능 인덱스로 배열 항목에 접근하기 배열의 인덱스는 0부터 시작합니다. console.log(fruits[0]); //사과 console.log(fruits[1]); //바나나 빈 배열 생성 후 값 추가하기 크기를 지정하지 않고 빈 배열을 생성합니다. var fruits = []; fr..

• format_list_bulleted javascript
• · 2022. 1. 18.
• textsms

javascript 배열 앞, 뒤, 중간에 값 추가하기

배열 앞에 값 추가하기 배열의 내장함수인 unshift 함수를 사용합니다. fruits.unshift('딸기') //['딸기', '사과', '바나나', '오렌지'] 배열 끝에 값 추가하기 배열의 내장함수인 push 함수를 사용합니다. fruits.push('오렌지') //['사과', '바나나', '오렌지'] 배열 중간에 값 추가하기 배열의 내장함수인 splice 함수를 사용합니다. fruits.splice(2, 0, 'melon'); //['딸기', '사과', '수박', '바나나', '오렌지'] splice함수는 다음과 같은 형태를 가집니다. array.splice(start, deleteCount [, item1 [, item2 [, ...] ] ]) start: 기준이 되는 배열의 index dele..

• format_list_bulleted javascript
• · 2022. 1. 17.
• textsms

javascript 객체 생성, 추가, 값 가져오기

객체란 데이터와 함수의 집합입니다. 예제를 통해 javascript 객체의 기본 형태와 빈 객체를 생성하고 값을 추가하고 조회하는 방법에 대해 알아보겠습니다. 기본 객체 생성 객체를 생성하고 속성까지 추가해보도록 하겠습니다. 키와 값은 ':'로 분리됩니다. 한쌍의 키와 값은 ','로 구분합니다. 여기서 name, age는 키가 되고 'Bob', 32의 경우 키에 대한 값이 됩니다. const person = { name: 'Bob', age: 32 }; 값에는 모든 자료형이 들어갈 수 있으며 함수와 배열도 들어갈 수 있습니다. const person = { name: 'Bob', age: 32, interests: ['music', 'skiing'], greeting: function() { alert(..

• format_list_bulleted javascript
• · 2022. 1. 17.
• textsms