JavaScript 데이터 유형 예제 공유_기본 지식-JS 튜토리얼-php.cn

앞서 JavaScript의 데이터 유형을 소개했습니다. 오늘은 몇 가지 예를 통해 이를 검토해 보겠습니다.

코드 복사 코드는 다음과 같습니다. //1. 부울 유형 //2. 숫자 유형 //3.문자열 유형 //Boolean 타입은 기본 타입과 혼동되기 쉬우므로 Boolean 객체는 절대 사용하지 않는 것이 좋습니다. //숫자는 숫자에 대응하는 참조타입입니다 var numberObj = 새 번호(10); //toString 메소드를 다시 작성합니다. 전달된 매개변수는 10진수를 다시 입력하라는 문자열 유형입니다 변수 번호 = 10; 경보(num.toString());//"10" 경보(num.toString(2));//"1010" 경보(num.toString(8));//"12" 경보(num.toString(10));//"10" 경고(num.toString(16));//"a" //toFixed() 메서드는 지정된 소수 자릿수로 값을 반환하는 문자열 표현 메서드로, 반올림 기능이 있습니다 변수 번호 = 10; num.toFixed(2);//"10.00" //toExponential() 지수 표기법, 출력 결과의 소수 자릿수를 나타내는 매개변수를 허용합니다 변수 번호 = 10; Alert(num.toExponential(1));//"1.0e 1" //그러나 이렇게 작은 숫자에 대해 지수 표기법을 사용할 필요는 없습니다. 특정 값에 가장 적합한 형식을 얻으려면 을 사용해야 합니다. //toPrecision() 메서드, 이 메서드는 고정 크기(고정) 형식 또는 지수(지수) 형식을 반환할 수 있습니다. //값의 모든 자릿수(지수 부분 제외)의 자릿수를 나타내는 매개변수를 허용합니다. 변수 번호 = 99; Alert(num.toPrecision(1));//1e 2, 1e 2는 100을 나타냅니다. 지수가 99를 나타낼 수 없기 때문에 100으로 반올림됩니다. Alert(num.toPrecision(2));//"99" Alert(num.toPrecision(3));//"99.0" //String 객체, String 객체의 메소드는 모든 기본 문자열에서도 접근 가능합니다. //1. 캐릭터 연산 방법: charAt(), charCodeAt(). 각 매개변수는 위치 0을 기준으로 문자 위치 를 허용합니다. var stringValue = "Hello world!"; stringValue.charAt(1);//"e"의 두 번째 위치는 "e"입니다. StringValue.charCodeAt(1);//"101" 두 번째 위치 "e"의 문자 코드는 "101"입니다. //2. 연산 방법 concat(연결된 문자), Slice(인덱스, 인덱스), substring(인덱스, 인덱스), substr(인덱스, 길이). 색인: 위치, 길이: 길이 var str1 = "안녕하세요"; Alert(str1.concat(" word"));//안녕하세요 Alert(str1.concat(" word", "!"));//안녕하세요! var stringValue = "Hello world!"; Alert(stringValue.slice(3));//세계로 Alert(stringValue.substring(3));//세계로 Alert(stringValue.substr(3));//세계로 Alert(stringValue.slice(3, 7));//낮음 경보(stringValue.substring(3, 7));//낮음 Alert(stringValue.substr(3, 7));//lo worl 이 7은 가로채는 길이를 나타냅니다 //3. 문자열 위치 메서드 indexOf() 및 lastIndexOf() //이 두 메서드는 지정된 문자열에서 지정된 문자열을 검색한 다음 문자열의 위치를 반환합니다. 찾을 수 없으면 -1을 반환합니다. //두 메소드의 차이점은 문자열의 처음부터 뒤로 검색하는 반면, lastIndexOf는 문자열의 끝에서 앞으로 검색한다는 점입니다. //두 메소드 모두 선택적 매개변수가 있습니다(지정된 위치부터 검색 시작) var stringValue = "안녕하세요"; Alert(stringValue.indexOf("o"));//4 Alert(stringValue.lastIndexOf("o"));//7 //루프에서 indexOf 또는 lastIndexOf를 호출하여 지정된 문자열을 찾을 수 있습니다 var stringValue = "wo de wei lai bu shi meng!wo men you geng hao de ming tian!"; var 위치 = []; var pos = stringValue.indexOf("e"); while (pos > -1) { position.push(pos); pos = stringValue.indexOf("e", pos 1); } 경고(위치);//4, 7, 22, 33, 38, 47 //4. Trim() 메서드는 문자열의 복사본을 생성하고 모든 선행 및 후행 공백을 삭제합니다. var stringValue=" 안녕하세요 단어 "; 경고(stringValue); 경고(stringValue.trim()); //5.문자열 대소문자 변환 방법 //toLowerCase, toLocalLowerCase, toUpperCase, toLocalUpperCase var stringValue="hello word"; Alert(stringValue.toLocaleUpperCase());//이 방법이 더 안전합니다 경고(stringValue.toUpperCase()); Alert(stringValue.toLocaleLowerCase());//이 방법이 더 안전합니다 경고(stringValue.toLowerCase()); //6. 문자열 매칭 메소드 교체() //이 메서드는 두 개의 매개변수를 허용합니다. 첫 번째 매개변수는 정규식 또는 문자열이고 두 번째 매개변수는 문자열 또는 함수입니다. var text="cat,bat,sat,fat"; var result=text.replace("at","ond");// 경고(결과);//"cond,bond,sond,fond" var result=text.replace(/at/g,"ond");// 경고(결과);//"cond,bond,sond,fond" var text="cat,bat,sat,fat"; result=text.replace(/(.at)/g,"단어 ($1)"); 경고(결과); //replace의 두 번째 매개변수도 함수일 수 있습니다 기능 htmlEscape(text) { //함수에는 세 가지 매개변수가 있습니다: 1. 패턴 일치 항목 2. 문자 내 패턴 일치 항목의 위치 3. 원본 문자열 return text.replace(/[<>"&]/g,function(match,index,text){ 스위치(일치){ 케이스 " " 케이스 ">": ">" 반환; 케이스 "&": "&"를 반환합니다. 케이스 """: """ 반환; } }); } Alert(htmlEscape(" Hello World!

")); // Hello World!

//localCompare()는 두 문자열을 비교합니다. A.localCompare("B") //알파벳에서 문자열(A)가 문자열 매개변수(B) 앞에 오면 음수(-1)를 반환합니다. //문자열이 문자열 매개변수와 같으면 0을 반환합니다 //문자열(A)가 알파벳에서 문자열 매개변수(B) 뒤에 오면 양수(1)를 반환합니다. var stringValue="f"; Alert(stringValue.localeCompare("d"));//1 Alert(stringValue.localeCompare("f"));//0 Alert(stringValue.localeCompare("z"));//-1 //fromCharCode 이 정적 메서드는 charCodeAt 와 반대 작업을 수행합니다. Alert(String.fromCharCode(104,101,108,108,111));//"안녕하세요" //7.html 방식은 사용하지 않는 것이 좋습니다.

종료

JavaScript 데이터 유형에 대해 새롭게 이해하셨나요?

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

JavaScript 데이터 유형 예제 공유_기본 지식