[Javascript] 배열, 문자열, 맵 전체 출력하기 - for of 반복문

for of 반복문 for of 반복문은 배열, 문자열, 맵과 같은 반복 가능한 객체를 더 쉽게 반복할 수 있도록 ES6에서 새롭게 도입된 기능입니다. 사용 방법은 다음과 같습니다. 배열 반복 배열로부터 for of 문을 사용하여 배열의 요소를 반복해 출력하는 예시입니다. See the Pen javascript - for of - array by saladent (@saladent) on CodePen. 문자열 반복 "Hello" 값을 가진 문자열로부터 str을 for of 문을 사용하여 문자를 반복해 출력하는 예시입니다. See the Pen javascript - for of - string by saladent (@saladent) on CodePen. 맵 반복 세 개의 키-값 쌍이 있는 map으..

• format_list_bulleted javascript
• · 2023. 3. 30.
• textsms

[Javascript] 데이터 타입 확인하기 - typeof

JavaScript의 typeof 연산자는 변수 또는 표현식의 데이터 유형을 확인하는 데 사용됩니다. typeof 구문 typeof 연산자는 operand의 타입을 나타내는 문자열을 리턴해줍니다. typeof operand typeof(operand) typeof 예제 typeof 연산 결과 해당 변수의 데이터 유형이 문자열로 나타납니다. const name = "Bob"; console.log(typeof name); //"string" const age = 21; console.log(typeof age); //"number" const arr = [1, 2, 4]; console.log(typeof arr); //"object" const obj = {name:'Bob'}; console.log(t..

• format_list_bulleted javascript
• · 2023. 3. 28.
• textsms

[javascript] 익명함수란, 익명함수 쓰는 이유

익명 함수 익명함수란 말 그대로 이름이 없는 함수입니다. const sum = function (a, b) { return a+b; } console.log(sum(1, 2)); // 3 왜 익명 함수를 쓰나요?🧐 일반함수와 익명함수 둘은 다른 목적으로 생겨난 함수입니다. 일반적으로 함수란 재사용하기 위해 사용합니다. 재사용이 필요없다면 나중에 호출해 쓸 이름을 굳이 붙혀놓을 필요가 없겠죠? 바로 변수에 함수 호출 결과값을 넣어줌으로써 익명함수의 사용은 1회성으로 끝이납니다. 또한 메모리 관리 측면에서도 효과적일 수 있습니다. 일반 함수의 경우 언제든 호출될 수 있기 때문에 항상 메모리를 차지하고 있습니다. 반면 익명 함수의 경우 한 번만 사용하는 함수로 만들어졌기 때문에 쓰는 순간 외에 불필요한 시간동..

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

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