본문 바로가기
반응형

HTML/Javascript

 (17)
내장함수 2 1. filter filter는 특정 조건을 만족하는 원소를 찾아서 반환하는 역할을 합니다. const blood_type = [ { id: 1, type: 'A', donation: true, }, { id: 2, text: 'B', donation: true, }, { id: 3, text: 'AB', donation: true, }, { id: 4, text: 'O', donation: false, } ] const need_donation = blood_type.filter(blood => blood.donation); console.log(need_donation); const need_donation = blood_type.filter(blood => blood.type === 'B'); co..
내장함수 1 내장함수 내장함수란 자바스크립트에서 자체적으로 제공하는 함수를 내장 함수라고 합니다. 내장 함수는 이미 시스템에 정의되어 있기 때문에 사용자가 별도로 정의하지 않고 주어진 원칙에 따라 사용하면 되는 함수입니다. forEach forEach 함수는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조건식, 증감 등을 정의하지 않아도 callback 함수를 통해 기능을 수행할 수 있습니다. const superHeros = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지']; 아래 방법은 forEach 함수를 이용해 원소를 hero라는 파라미터로 받아 출력하는 방법입니다. function print(hero) { console.log(hero); }..
객체 다루는 방법 객체 다루는 방법 객체의 내부 요소를 출력하는 방법은 3가지로 볼 수 있습니다. 1. key, value를 한 쌍으로 묶어 배열로 출력하는 방법 2. key만을 배열로 출력하는 방법 3. value만을 배열로 출력하는 방법 const IronMan = { name: 'Tony Stark', alias: 'IronMan', actor: 'Robert Downey Jr.' } // key, value를 한 쌍으로 묶어 배열로 출력 console.log(Object.entries(IronMan)); // key만을 배열로 출력 console.log(Object.keys(IronMan)); // value만을 배열로 출력 console.log(Object.values(IronMan)); for .. in 함수를..
논리 연산자(or, and, not) 1. Logical Operators (논리 연산자) 1) OR ( || ) OR 는 [ shift + \ ]를 두 번 눌러 "||"로 사용합니다. 기본 사용 방법은 아래와 같습니다. 위의 식은 value1, value2, check() 중에 true가 하나라도 있는 경우 true를 반환하는 식입니다. 앞에서부터 순차적으로 value 값을 확인하기 때문에 value1이 true인 경우 뒤에 있는 value2와 check() 값은 확인하지 않습니다. 만약 value1의 값이 굉장히 크고 복잡한 형태라면, value1의 값을 뒤로 미뤄 마지막으로 체크할 수 있도록 해야합니다. 아래의 예시를 확인해보겠습니다. 위의 식은 value1, value2, check() 중에 true가 하나라도 있는 경우 true를 ..
javascript 란? 자바스크립트 - 위키백과, 우리 모두의 백과사전 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그래밍, 사건 기반 프로그래밍설계자 ko.wikipedia.org 자바스크립트의 특징 자바스크립트 언어만의 특징입니다. 기본적으로 자바스크립트는 C언어 기반으로 C언어와 유사한 점이 많습니다. 1. 자바스크립트는 객체 기반의 스크립트 언어입니다. 2. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 3. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다. 자바스크립트의 장단점 장점 html안에서 바로 script 태그안에서 코드를 작성 할 수..
javascript 출력 자바스크립트 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다. 1. window.alert() 메소드 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 3. document.write() 메소드 4. console.log() 메소드 window.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것입니다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다. HTML DOM 요소를 이용한 innerHTML 프로퍼티 실제 자바스크립트 코드에서 출력을 위해 가장 많이 ..
정규 표현식 정규 표현식 정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다. 이 패턴들은 RegExp의 exec 메소드와 test 메소드 ,그리고 String의 match메소드 , replace메소드 , search메소드 , split 메소드와 함께 쓰입니다 . 이 장에서는 자바스크립트의 정규식에 대하여 설명합니다. 정규 표현식 만들기식 (역주: 정규 표현식을 줄여서 '정규식'이라고 하기도 합니다. 아래 부분부터 '정규식'이라는 용어를 사용하겠습니다.) 정규식을 만드는 방법에는 두 가지가 있습니다. 정규식 리터럴(슬래쉬"/"로 감싸는 패턴)을 사용하는 방법은 다음과 같습니다. 정규식 리터럴은 스크립트가 불러와질 때 컴파일됩니다. 만약 ..
템플릿 문자열 Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문자열) 라고 불려 왔습니다. 문법 `string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression} string text` 템플릿 리터럴은 이중 따옴표 나 작은 따옴표 대신 백틱(` `)-(~물결표시 있는 키보드 버튼) (grave accent) 을 이용합니다. 템플릿 리터럴은 또한 플레이스 홀더를 이용하여 표..
반응형

티스토리툴바