ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

Методы строковых объектов. Форматирование строк

Методы строковых объектов

Продолжаем рассматривать методы обработки строк.

  • lastIndexOf( строка_поиска [, индекс ]) – производит поиск строки, указанной параметром, и возвращает индекс ее первого вхождения; при этом поиск начинается с конца исходной строки, но возвращаемый индекс отсчитывается от ее начала, то есть от 0.
  • строка.lastIndexOf ( строка_поиска [, индекс ])

    Возвращает число. Метод аналогичен рассмотренному выше и отли- чается лишь направлением поиска.

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Изучайте JavaScript и вы не пожалеете!"
    x.lastIndexOf("Изучайте")
    document.write(x.lastIndexOf("Изучайте")+"<br><br>")//значение равно 0

    x.lastIndexOf("пожалеете")
    document.write(x.lastIndexOf("пожалеете")+"<br><br>")//значение равно 28


    x.indexOf("пожалеете")
    document.write(x.lastIndexOf("пожалеете")+"<br><br>")//значение равно 28

    x.lastIndexOf("ч")
    document.write(x.lastIndexOf("ч")+"<br><br>")//значение равно 3


    x.indexOf("ч")
    document.write(x.lastIndexOf("ч")+"<br><br>")//значение равно 3

    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядеть ТАК.

  • localeCompare (строка2) – позволяет сравнивать строки в кодировке Unicode, то есть с учетом используемого браузером языка общения с пользователем.
  • строка1.localeCompare (строка2)

    Возвращает число.

    Если сравниваемые строки одинаковы, метод возвращает 0. Если строка 1 меньше, чем строка2, то возвращается отрицательное число, в противном случае -положительное. Сравнение строк происходит путем сравнения сумм кодов их символов. Абсолютное значение возвращаемого числа зависит от браузера.

  • slice(индекс1[, индекс2]) – возвращает подстроку исходной строки, начальный и конечный индексы которой указываются параметрами, за исключением последнего символа.
  • строка.slice(индекс1[, индекс2])

    Возвращает строку. Данный метод не изменяет исходную строку.

    Если второй параметр не указан, то возвращается подстрока с начальной позицией и до конца строки. Отсчет позиций начинается с начала строки.

    Первый символ строки имеет индекс 0. Если второй параметр указан, то возвращается подстрока исходной строки начиная с позиции индекс1и до позиции индекс2, исключая последний символ. Если второй параметр отрицателен, то отсчет конечного индекса производится от конца строки.

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Изучайте JavaScript и вы не пожалеете!"
    x.slice(0,9)
    document.write(x.slice(0,9)+"<br><br>")//значение равно Изучайте

    x.slice(0,-13)
    document.write(x.slice(0,-13)+"<br><br>")//значение равно Изучайте JavaScript и вы

    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядетьТАК.

  • split(разделитель[, ограничитель]) – возвращает массив элементов, полученных из исходной строки.
  • строка.split(разделитель[, ограничитель])

    Первый параметр является строкой символов, используемой в качестве разделителя строки на элементы. Второй необязательный параметр — число, указывающее, сколько элементов строки, полученной при разделелении, следует включить в возвращаемый массив.

    Если разделитель — пустая строка, то возвращается массив символов строки.

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Изучайте JavaScript и вы не пожалеете!"
    x.split("е")
    document.write(x.split("е")+"<br><br>")/*значение-массив из элементов: Изучайт, JavaScript и вы н, пожал,,т,! */


    x.split("")
    document.write(x.split("")+"<br><br>")/*значение-массив из элементов: И,з,у,ч,а,й,т,е, ,J,a,v,a,S,c,r,i,p,t, ,и, ,в,ы, ,н,е, ,п,о,ж,а,л,е,е,т,е,! */

    x.split()
    document.write(x.split()+"<br><br>")/*значение-массив из элементов: Изучайте JavaScript и вы не пожалеете!
    */


    x.split(" ")
    document.write(x.split(" ")+"<br><br>")/*значение-массив из элементов: Изучайте,JavaScript,и,вы,не,пожалеете!
    */


    x.split("е",3)
    document.write(x.split("е",3)+"<br><br>")/*значение-массив из элементов: Изучайт, JavaScript и вы н, пожал
    */

    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядеть ТАК

  • substr(индекс[, длина]) – возвращает подстроку исходной строки, начальный индекс и длина которой указываются параметрами.
  • строка.substr(индекс[, длина])

    Возвращает строку. Данный метод не изменяет исходную строку.

    Если второй параметр не указан, то возвращается подстрока с начальной позицией индекс и до конца строки. Отсчет позиций начинается с начала строки. Первый символ строки имеет индекс 0. Если второй параметр указан, то возвращается подстрока исходной строки, начиная с позиции индекс и с общим количеством символов, равным длина.

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Изучайте JavaScript и вы не пожалеете!"
    x.substr(9,10)
    document.write(x.substr(9,10)+"<br><br>")//значение равно JavaScript

    i=x.indexOf("Изучайте")
    document.write(i+"<br><br>")//значение равно 0

    x.substr(i,10)
    document.write(x.substr(i,10)+"<br><br>")//значение равно зучайте Ja

    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядеть ТАК

  • substring(индекс1. индекс2) – возвращает подстроку исходной строки, началь- ный и конечный индексы которой указываются параметрами.
  • строка.substring(индекс1. индекс2)

    Возвращает строку. Данный метод не изменяет исходную строку.

    Порядок индексов не важен: наименьший из них считается начальным. Отсчет позиций начинается с начала строки. Первый символ строки имеет индекс 0.

    Символ, соответствующий конечному индексу, не включается возвращаемую строку.

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Изучайте JavaScript и вы не пожалеете об этом!"
    x.substring(9,19)
    document.write(x.substring(9,19)+"<br><br>")//значение равно JavaScript

    i=x.length
    document.write(i+"<br><br>")//значение равно 46

    x.substring(9,i)
    document.write(x.substring(9,i)+"<br><br>")//значение равно JavaScript и вы не пожалеете об этом!

    x.substring(9,100)
    document.write(x.substring(9,100)+"<br><br>")

    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядеть ТАК

  • toLocaleLowerCase(), toLowerCase() – переводят строку в нижний регистр.
  • строка.toLocaleLowerCase()

    строка.toLowerCase()

    Возвращают строку. Приведение строк к одному и тому же регистру требуется, например, при сравнении содержимого строк без учета регистра. Кроме того, многие серверы чувствительны к регистру, в котором определены имена файлов и папки (обычно требуется, чтобы они были определены в нижнем регистре).

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Привет всем!"
    x.toLocaleLowerCase()
    document.write(x.toLocaleLowerCase()+"<br><br>")//значение равно привет всем!

    x.toLowerCase()
    document.write(x.toLowerCase()+"<br><br>")//значение равно привет всем!

    y="Привет всем!"
    x==y
    document.write(x==y+"<br><br>") //значение равно false
    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядеть ТАК

  • toLocaleUpperCase(), toUpperCase() – переводят строку в верхний регистр.
  • строка.toLocaleUpperCase()

    строка. toUpperCase()

    Возвращают строку. Приведение строк к одному и тому же регистру требуется, например, при сравнении содержимого строк без учета регистра. Кроме того, многие серверы чувствительны к регистру, в котором определены имена файлов и папки.

    Рассмотрим пример.

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Строковые объекты</title>
    <script language="JavaScript">
    x="Привет всем!"
    x.toLocaleUpperCase()
    document.write(x.toLocaleUpperCase()+"<br><br>")//значение равно ПРИВЕТ ВСЕМ!

    x.toUpperCase()
    document.write(x.toLowerCase()+"<br><br>")//значение равно привет всем!

    y="Привет Всем!"
    x==y
    document.write(x==y+"<br><br>") //значение равно false
    </script>
    </head>

    <body>
    </body>
    </html>

    В окне веб-браузера это будет выглядеть ТАК

Форматирование строк

Тексты на веб-страницах обычно создаются и форматируются с помощью тегов HTML. Однако тексты можно создавать на веб-страницах и с помощью сценариев.

Например, чтобы вывести на веб-страницу строку "Привет всем!" полужирным шрифтом, в HTML-коде следует написать:

<B>Привет всем!</B>

Чтобы подготовить эту же строку в таком же формате средствами JavaScript, в сценарии следует написать такое выражение:

"Привет всем!".bold()

Здесь использован метод bold() строкового объекта для форматирования строк. Выполнение этого выражения лишь создает отформатированную строку, но не выводит ее в окно браузера. Чтобы сделать это, следует еще выполнить метод write() объекта document для записи этой строки в HTML-документ. Пишем HTML-код документа.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Строковые объекты</title>
<script language="JavaScript">
x="Привет всем! ".bold()+"Изучайте JavaScript и вы не пожалеете об этом!"
document.write(x)
</script>
</head>

<body>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК

Методы форматирования строк носят названия, соответствующие тегам HTML. Их особенность в том, что в отличии от тегов, их следует записывать только в нижнем регистре (строчными буквами).

строка.метод(параметр)

Большинство методов форматирования не имеют параметров:

  • anchor ("anchor_имя");
  • blink();
  • bold();
  • fixed();
  • fontsize (число от 1 до 7);
  • fontcolor (значение_цвета);
  • italics();
  • linc(расположение или URL);
  • big();
  • small();
  • strike();
  • sub();
  • sup();

Рассмотрим примеры.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Строковые объекты</title>
<script language="JavaScript">
x="Сайт о сайтах".link("http://sevidi.narod.ru")/*соответствует HTML-коду:
<a href= "http://sevidi.narod.ru/">Сайт о сайтах</a>*/
document.write(x+"<br><br>")

x="Привет всем!".big()
document.write(x+"<br><br>")

x="Привет всем!".small()
document.write(x+"<br><br>")

x="Привет всем! ".small()+"Изучайте JavaScript и вы не пожалеете об этом!".fontcolor("red")
document.write(x+"<br><br>")

x="Привет всем!".fontsize(7)
document.write(x+"<br><br>")


x="Привет всем!".italics().bold().fontcolor("FF00FF").fontsize(5)
document.write(x+"<br><br>")
</script>
</head>

<body>
</body>
</html>

В окне веб-браузера это будет выглядеть ТАК