웹프로그래밍/Javascript (14) 썸네일형 리스트형 javascript(자바스크립트) 문자열 안에 숫자가 있는지 아는 방법 자바스크립트에서 문자열 안에 숫자가 포함되어있는지 아닌지는 굉장히 간단하게 알 수 있다.반복문을 이용한 방법정규식을 이용한 방법1. 반복문을 이용한 방법문자열 안에 숫자가 있는지 알 수 있는 가장 간단한 방법은 문자열 하나하나를 숫자로 변환할 수 있는지를 알아보는 방법이 있다. 이를 위해서는 반복문을 사용하면 된다.const str = "오늘은 7월 10일";for(let i = 0; i 여기서 중요한 것은 isNaN 메서드이다. NaN은 Not a Number의 약자로 말그래도 문자가 아니라는 뜻이다. 즉 isNaN은 문자인지 아닌지를 확인하는 건데 더 정확하게는 숫자로 바꿀 수 있는지 아닌지를 확인하는 메서드이다. 숫자로 바꿀 수 있으면 false가 나오고 숫자로 바꿀 수 없으면 true가 나온다.. Javascript(자바스크립트) lastIndexOf() - 일치하는 문자열의 인덱스 번호를 역순으로 찾는 메서드 # lastIndexOf() 란?문자열을 가장 마지막부터 역순으로 검색하여 일치하는 문자열이 있을 경우 인덱스 번호를 반환하는 메서드이다.# 사용방법indexOf와 사용법은 동일하다 문자열.lastIndexOf("찾을 문자열")로 사용하면 된다.const str = "Hayasaka Mei"const lastIndex = str.lastIndexOf("a");const firstIndex = str.indexOf("a");console.log(lastIndex) // 7console.log(firstIndex) // 1 두개를 비교하여 사용해보았다. indexOf 메서드의 경우 가장 처음 나오는 a의 위치인 1(인덱스는 0부터 시작)이 나오고 lastIndexOf는 7 (뒤에서 제일 먼저 나오는 a의 위.. Javascript(자바스크립트) 문자를 대문자 또는 소문자로 바꾸는 toUpperCase, toLowerCase 자바스크립트에서는 다른 언어와 마찬가지로 쉽게 소문자를 대문자로 대문자를 소문자로 바꿀 수 있다.1. 대문자 변환 - toUpperCase()toUpperCase() 메서드는 알파벳 문자열을 전부 대문자로 바꾸는 메서드이다.사용법은 아래와 같다.const str = "hayasaka"; // 대문자로 바꿀 문자열을 변수에 저장let upperCase = str.toUpperCase(); // str에 있는 문자열을 대문자로 바꿔서 upperCase에 저장console.log(upperCase); // HAYASAKAupperCase = "mei".toUpperCase(); // 문자열에 바로 적용console.log(upperCase) // MEI 바꿀 문자열에 toUpperCase() 만 붙이면 쉽게 .. Javascript(자바스크립트) 에러를 잡는 try catch 목차try catch란?try catch 사용법에러 메세지 보기커스텀 에러 만들기주의사항1. try catch 란?try catch는 자바스크립트를 작성하던 중 오류가 발생하였을때 프로그램이 중지되는 것을 방지하며 그 오류를 표시해주는 역할을 가진 코드이다.2. 사용법try { // 코드실행 } catch (error) { // 에러 발생시 작동할 코드 } 기본 문법은 위와 같다. try 안에 있는 코드를 작동시키다가(일반적으로 한줄 한줄) 오류가 발생하는 순간 그 아래에 있는 모든 코드들은 무시되고 바로 catch문으로 빠지게 되는데 이때 오류의 정보는 error 매개변수로 들어가게 된다. error의 경우 변수명이기 때문에 아무 이름이나 써도 된다. 2 - 1 사용 예제try { let a = 10.. Javascript(자바스크립트) 구조 분해 할당 # 구조 분해 할당구조분해할당은 자바스크립트에 존재하는 기능 중 하나로 복잡한 데이터를 하나의 변수에 쉽게 대입할 수 있는 기능이다. 이때 원본 배열이나 객체는 바뀌지 않는다. # 배열 구조 분해 할당// 배열의 구조분해 할당const arr = [100, 200]; // 배열을 만든다.const [a, b] = arr; // 다음과 같이 배열을 대입하면 a에는 100이 b에는 200의 값이 들어간다.console.log(a) // 100console.log(b) // 200 배열의 경우 좌측에는 할당을 받을 변수를 담은 배열을 우측에는 분해를 진행할 배열을 작성하면 된다. 이렇게 하면 a에는 arr배열의 첫번째 값인 100이, b에는 arr의 두번째 값인 200이 들어온다. ## 배열 구조 분해 할.. Javascript(자바스크립트) split 함수 # split()split 함수는 자바스크립트의 문자열에 사용할 수 있는 함수로 구분자나 정규식을 기준으로 문자열을 잘라 배열로 반환하는 함수이다. # 예제let str = "hello world"let strArr = str.split(" ") // 공백을 기준으로 문자열을 잘라 배열로 반환된다.console.log (strArr); 다음과 같은 코드를 쓰면 "hello world"를 공백을 기준으로 자르고 배열로 반환되어 ["hello", "world"]로 저장이 된다. 이를 이용하면 다양한 방법으로 쓸 수 있는데 대표적으로 주소의 쿼리스트링을 기준으로 특정 문자열을 가져오는 방법으로 활용할 수 있다. let str = "https://address?&index=1" // 만약 이와 같은 주소가 .. Javascript(자바스크립트) 특정 문자를 대체하는 replace 함수 # replace(); replace 함수는 문자열에서 특정 문자를 다른 문자로 바꾸는 함수이다. 함수를 적용하는 문자열은 바뀌지 않으며 바뀐 문자열이 반환된다. 직접 문자를 써서 특정 문자를 바꿀 수도 있고, 정규식을 이용하여 문자를 바꿀 수도 있다. # 구문str.replace("바꿀 문자", "바뀌는 문자") str은 텍스트가 들어있는 변수이며, 첫번째 인자로는 str에 들어있는 문자 중 바꾸고 싶은 문자를 직접 문자로 입력하거나 정규식을 입력하며, 두번째 인자로는 첫번째 인자를 변경할 문자를 적으면 된다. # 예제let str = "안녕하세요. undefiend님. undefiend님을 만나봬서 영광입니다."let newStr = str.replace("undefiend", "이용자");// ne.. 매개변수와 인자 함수를 사용할때 매개변수와 인자라는 용어가 등장한다. 이 둘의 차이가 명확하지 않아서 정보를 찾아보았다. 매개변수 - 함수를 처음 정의하고 이후 함수 내부에서 사용하기 위하여 정의하는 변수이다.인자 - 이제 함수를 사용할 때 함수에 전달하는 변수이다. function fx(매개변수) { return 매개변수 } fx(인자); 다음과 같이 구분할 수 있으며 실제로 함수를 사용할 때는 용어 둘을 엄격히 분리해서 쓰지는 않는다고 한다. Javascript(자바스크립트) 함수 만들기 # 함수함수는 동일한 작업을 반복적으로 할 때 중복으로 코드를 사용하는 것을 방지하기 위하여 사용한다. 함수는 괄호로 쌓여있으며 다양한 작업을 수행 할 수 있다. function name (parameter) { //내용 } 함수는 다음과 같이 작성한다. function - 함수를 선언할 것이라는 것을 자바스크립트에게 알린다.name - 함수의 이름을 지정한다. 추후 다시 함수를 사용할때 함수의 이름만 있으면 다시 사용할 수 있다.parameter - 함수를 사용할때 소괄호는 () 함수 내부에 변수를 전달해주며(매개변수) 안에 값은 없어도 되지만 괄호는 반드시 필요하다.{} - 중괄호 안에 함수의 내용을 적는다. # 예제function calc (_a, _b) { return _a+_b; } .. Javascript(자바스크립트) 조건문 if # if문 if문은 조건을 검사하여 참이면 구문을 실행하고 거짓이면 실행하지 않는 조건문이다. if (조건식) { 실행구문 1 } else { 실행구문 2 } if문은 else를 통하여 거짓일 때 실행하는 구문도 설정할 수 있다. 위의 구문에서 조건식이 참이면 실행구문1을 조건식이 거짓이면 실행구문 2를 수행한다. # 예제 let a = 5; if (a > 5) { console.log("a는 5보다 큽니다."); } else { console.log("a는 5보다 작거나 같습니다."); } 위의 구문에서 변수 a는 5를 초과하지 않기 때문에 else 다음의 구문을 수행한다. 만약 a가 6 이상의 수이면 첫번째 구문인 console.log("a는 5보다 큽니다.") 가 수행될 것이다. 이전 1 2 다음