JavaScript의 일반적인 문자열 조작 기능 및 사용법
1. 문자열 변환
문자열 변환은 모든 유형의 데이터를 문자열로 변환할 수 있는 작업입니다.
var num= 19; // 19 var myStr = num.toString; // "19"
이렇게 할 수도 있습니다:
var num= 19; // 19 var myStr = String(num); // "19"
또는 더 간단하게:
2. 문자열 분할
문자열 분할입니다. , 문자열을 여러 문자열로 분할하는 경우 JavaScript는 다음과 같은 매우 편리한 기능을 제공합니다.
var myStr = "I,Love,You,Do,you,love,me"; var substrArray = myStr .split(","); // ["I", "Love", "You", "Do", "you", "love", "me"]; var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];
split 매개변수의 두 번째 부분은 반환된 문자열 배열의 최대 길이를 나타냅니다.
3. 문자열 길이 가져오기
문자열 길이는 다음과 같이 매우 간단합니다.
var myStr = "I,Love,You,Do,you,love,me"; var myStrLength = myStr.length; //25
4.
많은 사람들이 이러한 JavaScript의 내장 메소드나 특정 사용법을 잊어버리므로 질문을 할 때 for 루프를 중첩해야 합니다.
첫 번째 함수: indexOf는 문자열의 처음부터 검색하여 해당 좌표를 찾지 못한 경우 -1을 반환합니다.
var myStr = "I,Love,you,Do,you,love,me"; var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1
두 번째 함수인 lastIndexOf는 문자열 끝부터 검색하여 해당 좌표를 찾지 못한 경우 -1을 반환합니다. 다음과 같습니다:
var myStr = "I,Love,you,Do,you,love,me"; var index = myStr.lastIndexOf("you"); // 14
위의 두 함수는 검색 시작 위치를 나타내는 두 번째 선택적 매개변수도 받습니다.
5. 문자열 교체
문자열을 찾는 것만으로는 끝나서는 안 됩니다. 일반적인 질문에서는 다음과 같이 문자열을 찾아 교체하라는 요청을 받는 경우가 많습니다.
var myStr = "I,love,you,Do,you,love,me"; var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"
기본적으로 처음 발견된 항목만 대체합니다. 전역적으로 바꾸려면 다음과 같은 일반 전역 식별자를 입력해야 합니다.
var myStr = "I,love,you,Do,you,love,me"; var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
더 자세한 설명은 http://www.w3school.com.cn/jsref/jsref_replace.asp를 참조하세요
6. 주어진 위치의 문자 또는 해당 문자 인코딩 값을 찾습니다
주어진 위치에서 문자를 찾으려면 다음 함수를 사용할 수 있습니다.
var myStr = "I,love,you,Do,you,love,me"; var theChar = myStr.charAt(8);// "o",同样从0开始
마찬가지로, 형제 함수 중 하나는 해당 위치에서 문자 인코딩 값을 찾는 것입니다.
var myStr = "I,love,you,Do,you,love,me"; var theChar = myStr.charCodeAt(8); //111
7. 문자열 연결
문자열 연결 작업은 다음과 같이 추가 연산자를 사용하는 것만큼 간단할 수 있습니다.
var str1 = "I,love,you!"; var str2 = "Do,you,love,me?"; var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"
마찬가지로 JavaScript도 자동으로 다음과 같은 관련 함수를 사용합니다.
var str1 = "I,love,you!"; var str2 = "Do,you,love,me?"; var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"
concat 함수는 여러 매개변수를 갖고, 여러 문자열을 전달하고, 여러 문자열을 연결할 수 있습니다. <… 🎜>
두 번째는 substring 사용:
세 번째는 substr 사용:
var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.slice(1,5);//",lov"
첫 번째와 동일 one 두 번째와의 첫 번째 차이점은 위 결과에서 볼 수 있듯이 substr의 두 번째 매개 변수가 가로채는 문자열의 최대 길이를 나타낸다는 것입니다.
var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.substring(1,5); //",lov"
대문자 또는 소문자 문자열 변환에 일반적으로 사용되는 함수는 다음과 같습니다.
var myStr = "I,love,you,Do,you,love,me"; var subStr = myStr.substr(1,5); //",love"
문자열 매칭
문자열 일치를 위해서는 정규식에 대한 어느 정도 이해가 필요할 수 있습니다. 먼저 일치 함수를 살펴보겠습니다.
var myStr = "I,love,you,Do,you,love,me"; var lowCaseStr = myStr.toLowerCase; //"i,love,you,do,you,love,me"; var upCaseStr = myStr.toUpperCase;//"I,LOVE,YOU,DO,YOU,LOVE,ME"
간단합니다. 정규식과 문자열의 위치만 변경합니다. 즉, exec 함수가 호출됩니다. 정규식에 대해 문자열 매개변수를 전달합니다. 위 두 가지 방법의 경우 일치에 성공한 첫 번째 문자열이 반환됩니다. 일치에 실패하면 null이 반환됩니다.
다음과 같은 유사한 방법 검색을 살펴보겠습니다.
var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = myStr.match(pattern); //["love"] console.log(result .index);//2 console.log(result.input );//I,love,you,Do,you,love,me
발견된 일치 항목의 첨자만 반환합니다. 일치에 실패하면 -1이 반환됩니다.
var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = pattern .exec(myStr); //["love"] console.log(result .index);//2 console.log(result.input );//I,love,you,Do,you,love,me
비교 규칙은 문자를 기준으로 합니다. 다음과 같은 테이블 순서 비교:
var myStr = "I,love,you,Do,you,love,me"; var pattern = /love/; var result = myStr.search(pattern);//2
12. 예
마지막으로, Qunar.com의 프런트엔드 필기 시험 문제를 살펴보겠습니다. 이 질문을 완료했습니다. 질문: 입력 매개변수의 접미사 이름을 얻으려면 getSuffix 함수를 작성하세요. 예를 들어 abcd.txt를 입력하고 txt를 반환합니다. 첨부된 답변은 다음과 같습니다.
var myStr = "chicken"; var myStrTwo = "egg"; var first = myStr.localeCompare(myStrTwo); // -1 first = myStr.localeCompare("chicken"); // 0 first = myStr.localeCompare("apple"); // 1
JavaScript에는 이러한 문자열 조작 기능 이상의 기능이 있어야 한다고 생각하지만 위에 나열된 기능은 모두 매우 일반적으로 사용되어야 합니다. . 추가해야 할 내용이 있으면 자유롭게 추가해 주세요! 이 글을 보신 후, 끈질긴 면접 질문에 아주 차분하게 대처하실 수 있기를 바라겠습니다.

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











WebSocket 및 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법 소개: 지속적인 기술 개발로 음성 인식 기술은 인공 지능 분야의 중요한 부분이 되었습니다. WebSocket과 JavaScript를 기반으로 한 온라인 음성 인식 시스템은 낮은 대기 시간, 실시간, 크로스 플랫폼이라는 특징을 갖고 있으며 널리 사용되는 솔루션이 되었습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 음성 인식 시스템을 구현하는 방법을 소개합니다.

WebSocket과 JavaScript: 실시간 모니터링 시스템 구현을 위한 핵심 기술 서론: 인터넷 기술의 급속한 발전과 함께 실시간 모니터링 시스템이 다양한 분야에서 널리 활용되고 있다. 실시간 모니터링을 구현하는 핵심 기술 중 하나는 WebSocket과 JavaScript의 조합입니다. 이 기사에서는 실시간 모니터링 시스템에서 WebSocket 및 JavaScript의 적용을 소개하고 코드 예제를 제공하며 구현 원칙을 자세히 설명합니다. 1. 웹소켓 기술

JavaScript 및 WebSocket을 사용하여 실시간 온라인 주문 시스템을 구현하는 방법 소개: 인터넷의 대중화와 기술의 발전으로 점점 더 많은 레스토랑에서 온라인 주문 서비스를 제공하기 시작했습니다. 실시간 온라인 주문 시스템을 구현하기 위해 JavaScript 및 WebSocket 기술을 사용할 수 있습니다. WebSocket은 TCP 프로토콜을 기반으로 하는 전이중 통신 프로토콜로 클라이언트와 서버 간의 실시간 양방향 통신을 실현할 수 있습니다. 실시간 온라인 주문 시스템에서는 사용자가 요리를 선택하고 주문을 하면

WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법 오늘날의 디지털 시대에는 점점 더 많은 기업과 서비스에서 온라인 예약 기능을 제공해야 합니다. 효율적인 실시간 온라인 예약 시스템을 구현하는 것이 중요합니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 온라인 예약 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. WebSocket이란 무엇입니까? WebSocket은 단일 TCP 연결의 전이중 방식입니다.

JavaScript 및 WebSocket: 효율적인 실시간 일기 예보 시스템 구축 소개: 오늘날 일기 예보의 정확성은 일상 생활과 의사 결정에 매우 중요합니다. 기술이 발전함에 따라 우리는 날씨 데이터를 실시간으로 획득함으로써 보다 정확하고 신뢰할 수 있는 일기예보를 제공할 수 있습니다. 이 기사에서는 JavaScript 및 WebSocket 기술을 사용하여 효율적인 실시간 일기 예보 시스템을 구축하는 방법을 알아봅니다. 이 문서에서는 특정 코드 예제를 통해 구현 프로세스를 보여줍니다. 우리

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

사용법: JavaScript에서 insertBefore() 메서드는 DOM 트리에 새 노드를 삽입하는 데 사용됩니다. 이 방법에는 삽입할 새 노드와 참조 노드(즉, 새 노드가 삽입될 노드)라는 두 가지 매개 변수가 필요합니다.

JavaScript는 웹 개발에 널리 사용되는 프로그래밍 언어인 반면 WebSocket은 실시간 통신에 사용되는 네트워크 프로토콜입니다. 두 가지의 강력한 기능을 결합하면 효율적인 실시간 영상 처리 시스템을 만들 수 있습니다. 이 기사에서는 JavaScript와 WebSocket을 사용하여 이 시스템을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 첫째, 실시간 영상처리 시스템의 요구사항과 목표를 명확히 할 필요가 있다. 실시간 이미지 데이터를 수집할 수 있는 카메라 장치가 있다고 가정해 보겠습니다.
