English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 기본 튜토리얼

JavaScript 객체

JavaScript 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 튜토리얼

JavaScript 참조 매뉴얼

JavaScript 문자열 메서드

이전 장에서 문자열의 기본 지식을 배웠습니다. 이제 우리는 문자열에 내장된 메서드와 속성을 사용할 수 있는 몇 가지 유용한 작업을 고려해 보겠습니다.

원시 값(예: 'New Delhi')은 속성이나 메서드를 가질 수 없습니다(그들은 객체가 아니기 때문입니다).

하지만 JavaScript에서는 메서드와 속성도 원시 값에 대해 사용할 수 있습니다. JavaScript는 메서드와 속성을 호출할 때 원시 값을 객체로 간주합니다.

문자열의 길이를 찾기

length속성은 문자열의 길이를 반환합니다. 빈 문자열의 경우 길이는 0입니다.

var str = 'Java Script';
str.length;//　return　11
테스트를 보세요‹/›

注意：공백도 문자로 간주됩니다：

concat() 메서드

concat()메서드는 두 개나 더 많은 문자열을 연결하는 데 사용됩니다.

var a = 'w3codebox';
var b = 'COM';
var c = a.concat(b);
테스트를 보세요‹/›

注意：모든 문자열 메서드는 새 값을 반환합니다. 그들은 원래 변수를 변경하지 않습니다.

대문자로 변환 또는 소문자로 변환

toUpperCase()메서드는 호출된 문자열 값을 대문자로 변환한 형태를 반환합니다.

var str1　= "oldtoolbag.com";
var str2　= str1.toUpperCase();
테스트를 보세요‹/›

toLowerCase()메서드는 호출된 문자열 값을 소문자로 변환한 형태를 반환합니다.

var str1　= "oldtoolbag.com";
var str2　= str1.toLowerCase();
테스트를 보세요‹/›

문자열에서 서브 문자열을 찾기

indexOf()메서드는 지정된 값이 문자열에서 처음 나타나는 위치(인덱스)를 반환합니다.

var str = 'Air Pollution is introduction of chemicals to the atmosphere';
str.indexOf('Pollution');//　4
테스트를 보세요‹/›

注意：第一个字符的索引为0，第二个字符的索引为1，依此类推。

lastIndexOf()메서드는 지정된 값이 문자열에서 마지막으로 나타나는 위치(인덱스)를 반환합니다.

var str = 'Hello world, I repeat Hello world';
str.lastIndexOf('Hello');//　22
테스트를 보세요‹/›

indexOf()와lastIndexOf()반환-1값이 찾지 못되면:

var str = "oldtoolbag.com";
str.indexOf("fish");
str.lastIndexOf("beer");
테스트를 보세요‹/›

indexOf()와lastIndexOf()두 메서드는 두 번째 매개변수를 검색 시작 위치로 받습니다:

var str = 'HELLO WORLD HELLO';
str.indexOf('L',　6);
테스트를 보세요‹/›

문자열에서 서브 문자열을 검색

search()메서드는 정규 표현식과 문자열 간의 일치를 찾기 위해 검색을 수행합니다.

일치하는 문자열이 있으면 첫 번째 일치하는 위치를 반환하고, 일치하는 문자열이 없으면-1：

var str = 'The question is to be, or not to be, that is to be.';
var pos = str.search('to be');
테스트를 보세요‹/›

아래의 예제에서 대시( i)를 사용하는 정규 표현식의 사용을 설명합니다(대소문자 무시):

var str = 'The question is TO BE, or not to be, that is to be.';
var pos = str.search(/to be/i);
테스트를 보세요‹/›

在本教程的后面，您将学到更多关于正则表达式的信息。

문자열을 배열로 변환

split()메서드를 사용하여 문자열을 서브 문자열 배열로 분할하고 새로운 배열을 반환합니다.

우리는split()메서드는 표시된 공백 문자로 배열을 구분하여 배열" "을 분할합니다.

var str = 'can you help me?';
var arr = str.split("　");
테스트를 보세요‹/›

지금 우리는arr변수에 새로운 배열이 생겼습니다. 각 요소에 인덱스 번호로 접근할 수 있습니다:

arr[0];　　　//　Air
arr[2];　　　//　is
테스트를 보세요‹/›

아래의 예제에서 'i'를 구분자로 사용하겠습니다:

var str = 'can you help me?';
var arr = str.split("i");
테스트를 보세요‹/›

빈 문자열("" )를 구분자로 사용하면 해당 문자열이 문자 배열로 변환됩니다:

var str = 'can you help me?';
var arr = str.split("");
테스트를 보세요‹/›

문자열을 분할하여 문장에 얼마나 많은 단어가 있는지 확인할 수 있습니다.

문자열的前后空白删除

trim()메서드는 문자열의 양쪽에 있는 공백을 제거하지만, 문자열 사이의 공백을 제거할 수 없습니다. 공백은 탭이나 공백 문자일 수 있습니다.

var greeting = "    Hello world!    ";
greeting.trim();
테스트를 보세요‹/›

이 메서드는 불필요한 공백을 제거하는 일반적인 간단한 방법을 수행합니다.

대체 문자열 값

replace()方法返回一个新字符串，该字符串具有部分或全部模式匹配项，并由替换项替换。

第一个参数将是要找到的值，第二个参数将是要替换为的值。

var str1　= 'The question is to be, or not to be, that is to be.';
var str2　= str1.replace('to be', 'ZZZ');
테스트를 보세요‹/›

默认情况下，replace()方法仅替换第一个匹配项。

要替换所有出现的内容，请使用带有g标志的正则表达式（全局搜索）：

var str1　= 'The question is to be, or not to be, that is to be.';
var str2　= str1.replace(/to be/g, 'ZZZ');
테스트를 보세요‹/›

要替换不区分大小写的代码，请使用带有i标志的正则表达式（忽略大小写）：

var str1　= 'The question is TO BE, or not to be, that is to be.';
var str2　= str1.replace(/to be/gi, 'ZZZ');
테스트를 보세요‹/›

在本教程的后面，您将学到更多关于正则表达式的信息。

提取部分字符串

有三种方法可以提取字符串的一部分：

slice()方法

slice()方法提取字符串的一部分，并将其作为新字符串返回，而无需修改原始字符串。

此方法有两个参数：开始索引(start)和结束索引(end)（不包括结束)）。

本示例从索引3到索引9(10-1)提取字符串的一部分：

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3,　10);
테스트를 보세요‹/›

注意：第一个字符的索引为0，第二个字符的索引为1，依此类推。

使用负索引从字符串末尾进行选择：

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-8,　-3);
테스트를 보세요‹/›

如果省略第二个参数，则此方法将切出字符串的其余部分：

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3);
테스트를 보세요‹/›

下面的示例使用slice()仅提取最后一个字符：

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-1);
테스트를 보세요‹/›

substring()方法

substring()方法类似于slice()方法。

区别在于substring()不能接受负索引值。

var str1　= 'can you help me?';
var str2　= str1.substring(4,　10);
테스트를 보세요‹/›

如果省略第二个参数，则substring()method将提取字符串的其余部分：

var str1　= 'can you help me?';
var str2　= str1.substring(7);
테스트를 보세요‹/›

substr()方法

substr()方法类似于slice()方法。

区别在于第二个参数指定了提取部分的长度。

以下示例用于substr()从索引4提取字符，长度为18：

var str1　= 'can you help me?';
var str2　= str1.substr(4,　18);
테스트를 보세요‹/›

如果省略第二个参数，则substr()方法将提取字符串的其余部分：

var str1　= 'can you help me?';
var str2　= str1.substr(7);
테스트를 보세요‹/›

要从字符串末尾提取字符，请使用负索引值：

var str1　= 'Hello Javascript oldtoolbag.com';
var str2　= str1.substr(-6,　3);　　　//　tor
테스트를 보세요‹/›

문자열 문자 접근

문자열 문자에 접근하는 방법이 세 가지 있습니다：

charAt() 메서드

charAt()메서드는 지정된 인덱스处的 문자를 반환합니다。

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(1);//　위로 돌아가기　a
테스트를 보세요‹/›

아래의 예제는 문자열의 마지막 문자를 반환합니다：

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(str.length-1);
테스트를 보세요‹/›

charCodeAt() 메서드

charCodeAt()메서드는 0과65535사이의 정수는 UTF-16코드 유닛。

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charCodeAt(1);//　반환　97
테스트를 보세요‹/›

대괄호 표기법[]

대괄호 표기법[]를 사용하여 문자열의 어떤 문자든 반환할 수 있습니다[]。

대괄호 내에, 반환할 문자의 인덱스 번호를 포함합니다.

var　str　=　'Hello　Javascript　oldtoolbag.com';
str[0];//　위로 돌아가기　P
str[1];//　위로 돌아가기　a
테스트를 보세요‹/›

완전한 문자열 참조

완전한 속성과 메서드 참조에 대해 우리의 사이트를 방문하십시오.JavaScript String 참조。

참조 부분에는 모든 문자열 속성과 메서드의 설명과 예제가 포함되어 있습니다.

JavaScript 숫자(Number)JavaScript 문자열(String)