Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Photoshop Tutorials
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Web Design & Graphic Design Blog
Photoshop, Flash, 3D Studio Max Tutorials
Web Designers & Developers
Crafts for Kids
Photoshop Tutorial Man
Tutorial Guide -- Free Webmaster Tutorials
Design Contests
How to Draw
Work From Home Job Search
OTHER SITES WE OWN
AllFreelance
Graphic Design Resources Directory
Graphics Tutorials Directory
Social Networking Articles
Design Sites Up
All Freelance Work & Portfolios
Graphic Design Community
Education & Learning Directory
![]() |
home > Web Design Tutorials > Programming Tutorials > Javascripting Articles > Javascript Strings Coding Tutorials
JavaScript String Object
In this tutorial you learn JavaScript String Object…
JavaScript String Object
The String object is used to manipulate a stored piece of text.
Return the length of a string Example
How to use the length property to find the length of a string.
Style strings Example
How to style strings.
The indexOf() method Example
How to use the indexOf() method to return the position of the first occurrence of a specified string value in a string.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
The match() method Example
How to use the match() method to search for a specified string value in a string and return the string value if there it is found.
Replace characters in a string: replace() Example
How to use the replace() method to replace some characters with some other characters in a string.
Strings
A string is merely a word or combination of words, including numbers, grouped (strung) together. Any type of character can be stored in a string.
String Variables and Literals
Strings are simply any series of characters between quotes. Form element values are stored as strings, pathnames to files and images are referred to as strings, and almost all method parameters are strings.
Nesting Quotes And The Escape Character
Many times you will work with strings which contain quotes. Since the JavaScript interpreter reads the first quote it encounters as the beginning of the string, and reads the very next quote it encounters as the end of the string, we need a way to signify
String Concatenation and String Operators
When working with JavaScript strings, you will often need to combine two or more separate strings together to form one string. Conversely, at times you will want to break up a long string into multiple strings simply to make your source code more readable
Creating Line Breaks In JavaScript Strings
JavaScript provides two ways to create line breaks…
Strings To Numbers: Data Type Conversion
When attempting to add number data types to numbers stored as strings…
Strings And The Write Method
While we're on the subject of strings, I'd like to talk about a method which is synonymous with strings. The write() method belongs to the document object and is used...
Finding A Character's Position In A String Using charAt()
Each character in a string is assigned an index position. Strings, like arrays, begin counting characters at position zero…
Finding a Character's Index Position Using indexOf() and lastIndexOf()
indexOf() returns the index position of any character you specify as the parameter…
Extracting A New String From An Existing String Using the substring() Method
substring() method allows you to extract a new string from an existing string starting at the specified index and continuing though (but not including) the ending index…
Substituting Substring's Integer Parameters With indexOf()
Since we will not always have the luxury of knowing the exact value of a string, we cannot rely on using integers as substring parameters to extract a new string…
Uppercasing and Lowercasing Characters of a String
The first function "toUpper()", takes the value of the text input and converts it to uppercase using the toUpperCase() method. The second function, "toLower()" takes the value of the text input and converts it to lowercase using the toLowerCase() method.
Replacing Part Of A String Using the replace() Method
This is accomplished by the replace() method, along with a little help from the indexOf() method which is used to search for an instance of a specified string…
Account for spaces at the end of the last name
If we used lastIndexOf(" ") as substring parameters for the middle and last names like…
Account for spaces throughout string
To account for any extra spaces in the string named…
Split string method
This example takes the names entered by the user and uppercases the first letter of each name, then lowercases the following letters.
The replace() method
As you might suppose, replace() method replaces matches to a given regular expression with some new string.
The test() method
The test() method takes a given string as a parameter and looks for matches according to the pattern defined within the regular expression object itself.
String Object
The string object is used to create strings…
The String Object
There are some functions that can be performed on the value of primitive data types that just require that they be objects in order to work properly. JavaScript…
String Object
The String object of JavaScript allows you to perform manipulations on a stored piece of text, such as extracting a substring, searching for the occurrence of a certain character within it etc…
Strings in JavaScript
String manipulation is an important part of JavaScript programming, and having recently been reminded that I have yet to write a tutorial on it, this one comes as long overdue. In Part 1 of "Strings In JavaScript", I'll discuss how to format text using th
Date and Time
In this tutorial we are going to look at another of Javascripts predefined classes - the Date class. This class not only makes the manipulation of dates easier (regardless of which date format you prefer) but it also handles time as well.
String Processing
The string class is another built in class that is slightly different from the normal. Where this class differs from all of the others is the way that you define objects of this type…
Strings
On this page I explain what strings are and then give an overview of some useful things you can do with them…
JavaScript String Object
The String object can be used to work with strings. A string is a collection of characters…
JavaScript String Object Functions
The String object contains 28 functions, which can be used to manipulate the string. In this section you will see these 28 functions in some small examples…
RECENT ARTICLES from Graphic Design BloG
Starting a Graphic Design Business: Part II
You’re in the Money
In our last post we identified some of the advisors you’ll need on your team as you start a graphic design business. Lucky for you, the logistical fun doesn’t end there. Armed with your graphic design education and ready to take on your first project, you’ll first need a pricing structure. Design [...]
![]() |
![]() |
|
![]() |
![]() |
|
Got (Photoshop) Gadgets? Part II
More Cool Gadgets
This week wraps up our series on Photoshop gadgets for websites. These gadgets are quite generic and can be used in many different sorts of applications. The accompanying tutorials are straightforward and detailed. The more difficult ones will take more time to build, but the results will be worth it. Enjoy!
Digital MP3 Player
This [...]
Got (Photoshop) Gadgets? Part I
Spruce Up Your Website
Are you tired of the same old button gadgets everyone else uses on their websites? If you are, here are a few gadgets you can create in Photoshop that may bring some bling to your webpages. A big thanks to Hongkiat for assembling most of these tutorials.
Flash Drive Gadget
For all those tech [...]
Things You Won?t Hear About Successful Web Designers - Part II
Got Customers?
Take the case of “Jesse,” a brilliant web designer. It’s obvious that he has serious skills in design and can run circles around other web designers when it comes to talent. But oddly enough, he doesn’t have many customers.
On more than one occasion he tells his customers that he is “overworked” and complains about [...]
Things You Won?t Hear About Successful Web Designers - Part I
What You Need
If you ask most employed web designers what factors were most important in their development as a web designer you’ll probably hear “experience” and “school” at the top of their lists.
Outside of coding skills there are other elements that make a web designer successful. The following traits are things that you won’t usually [...]
How to Select a Good Web Design College
Some Guidelines and Tips
If you are seriously considering going to college for your graphic design education or web design degree you already know that there are no shortages of available colleges, universities, and online education centers that constantly vie for your attention. But how can you distinguish between the good schools and the bad ones? [...]
Twas the Night Before Debugging
Happy Holidays!
We just wanted to say thanks for visiting this site and to wish everyone a restful and happy New Year. We’ve done a little parody of a famous poem for all you web designers out there. We hope you like it.
Twas the Night Before Debugging
by Frank Ling aka “Admin”
Twas the night before debugging when [...]
All Web Design Resources is a Directory & Blog Full of Tools for Web Site Designers
All Web Design Resources Portal is a Web Site Design education directory with resources & articles for Graphic Designers, Web Developers, & Web Designers including a Web Design forum, blog, graphics software tips, web development resources, web programming tools, web design jobs, advice for new web designers about web design schools and education as
well as tips for freelance web design business owners, and much more.
Free Logo Design
Need Some HTML tutorial
HDR photography ( High Dynamic Range)
Coolest Flyers & Posters - Great design inspiration & ideas
I am deeply sadden by the recent news
Hey - it's a MOVIE thread!
Tunes while you design
A whole lot of unessesary quotations.
Is Mozilla the best browser???
Finally!
Bad Photograph?
What should I minor in?
My Photos
PLEASE HELP: Would a two year degree hurt me?
My new photo website