'컴퓨터공부/Javascript' 카테고리의 글 목록 (2 Page)
본문 바로가기
반응형

컴퓨터공부/Javascript41

[ES6] 23. push(), pop() ,slice(), shift() unshift() push(), pop(), unshift() 및 shift() 메서드는 자바스크립트에서 배열의 요소를 삽입 및 삭제하는 데 사용되는 함수 push(), pop(), unshift() 및 shift() 메서드는 자바스크립트에서 배열의 요소를 삽입 및 삭제하는 데 사용되는 함수들입니다. push(): 배열의 끝에 새로운 요소를 추가하고, 새로운 배열의 길이를 반환합니다. 예시: javascript const numbers = [1, 2, 3]; numbers.push(4); console.log(numbers); // 출력: [1, 2, 3, 4] pop(): 배열의 마지막 요소를 제거하고, 제거된 요소를 반환합니다. 예시: javascript const numbers = [1, 2, 3]; const po.. 2023. 6. 9.
[ES6] 22. funtion과 for 문 실습 변수, 변수 참조로 alert 불러오기 const 변수 = { '김치국': '맛있어요!', '된장국': '좋아하지 않아요.', '미역국': '한번 먹어보고 싶어요.', }; alert(`${변수['김치국']}`); i 가 5까지 for문 for ( i=1 ,i 2023. 6. 8.
[ES6] 21. funtion과 파라미터 return 연관성 [ES6] 21. funtion과 파라미터 return 연관성 배열 안에 객체 안에 함수를 사용하여 `return`하는데, 이번에는 파라미터와 함수의 연관성으로 연결된 예시 코드를 보여드리겠습니다. 아래 예시 코드에서는 `Product`라는 생성자 함수를 사용하여 객체를 만들고, `getTotalPrice` 함수를 속성으로 가지고 있습니다. `getTotalPrice` 함수는 `count`라는 파라미터를 받아서 해당 `Product` 객체의 `price`와 파라미터 `count`를 곱한 값을 리턴합니다. function Product(name, price) { this.name = name; this.price = price; this.getTotalPrice = function (count) { ret.. 2023. 6. 2.
[ES6] 20. pop, push , shift , unshift, for of [ES6] 20. pop, push , shift , unshift, for of 변수 .push (끝에 배열 인덱스가) 입력 변수 .pop (끝에 배열 인덱스가) 제거 pop() 메소드는 배열 내의 마지막 요소를 제거하고 해당 요소를 반환합니다. pop() 메소드는 원래의 배열을 수정합니다. 예시: ``` let fruits = ['사과', '바나나', '딸기', '오렌지']; console.log(fruits.pop()); // '오렌지'가 출력됩니다. console.log(fruits); // 배열이 ['사과', '바나나', '딸기'] 로 수정됩니다. ``` push() 메소드는 배열의 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환합니다. 예시: ``` const animals = [.. 2023. 5. 31.
[ES6] 19. 배열(Array) 객체에서 객체에 불리언(`{}`)이나 함수(`function() {}`), 실습 [ES6] 19. 배열(Array) 객체에서 [ 초기화, 접근,삽입 ,삭제, 배열 길이] 배열(Array)은 동일한 타입의 데이터를 순차적으로 저장하는 선형 자료구조입니다. 배열은 인덱스(Index)를 사용하여 각각의 원소에 접근할 수 있으며, 배열 내의 원소는 추가, 삭제가 가능합니다. 배열의 예시 JavaScript 코드: ```js // 배열 생성과 초기화 const numbers = [1, 2, 3, 4, 5]; const fruits = ['apple', 'banana', 'orange', 'grape']; // 배열 요소 접근 console.log(numbers[0]); // 1 console.log(fruits[2]); // orange // 배열 요소 삽입 numbers.push(6); /.. 2023. 5. 30.
[ES6] 18. while [ES6] 18. while() while() 문은 지속적인 while()로 인해서 조건이 거짓이 되게끔 반복할때 쓰인다. let i = 1; while (i = 60) { grade = "D"; } else { grade = "F"; } if (grade === "F") { document.write("Sorry, you failed the course."); // 미달인경우, } else { document.write( "Congratulations, you passed the course with a grade of " + grade ); // F이상의 학점으로 합격한경우 } } calculateGrade(10); // Output: Please enter a valid score. 10인경우, 라.. 2023. 5. 29.
[ES6] 17. funtion if else return [ES6] 17. funtion if else return function sadsa() { let age = prompt("Enter your age:"); if (!age) { return "Please enter your age."; } else { let result = ""; if (age === "10") { result = "You are in your 10s."; } else if (age === "20") { result = "You are in your 20s."; } else if (age === "30") { result = "You are in your 30s."; } else { result = "You are in another age group."; } return resul.. 2023. 5. 29.
[ES6] 16. js ==, === 차이점 [ES6] 16. js ==, === 차이점 == 은 값만 같아도 true, === 은 자료형 타입까지 같아야 true,\ JavaScript에서 `==` 연산자와 `===` 연산자는 둘 다 값들 간의 등호 비교를 수행하지만, `===` 연산자는 비교 대상의 자료형까지 동일한지 확인합니다. 따라서, `===` 연산자는 엄격한(strict) 등호비교를 지원합니다. 아래는 각 연산자의 동작을 보여주는 코드입니다. ```javascript console.log(5 == "5"); // true console.log(5 === "5"); // false console.log(0 == ""); // true console.log(0 === ""); // false console.log(false == ""); /.. 2023. 5. 28.
반응형