JavaScript字符串常用操作函数之学习笔记

字符串简介

使用英文单引号或双引号括起来，如:’Hello’,”World”,但是不能首尾的单引号和双引号必须一致，交错使用，如果要打印单引号或者双引号，可以使用转义字符＼’(单引号)，＼”(双引号)

 代码如下 复制代码
var str_1 = 'Hello World!';  //Hello World!
var str_2 = "Hello World!";  //Hello World!
var str_3 = '他说："这样可以的。"';  //他说："这样可以的。"
var str_4 = "他说：＼"这样可以的。＼""; //他说："这样可以的。"
var str_5 = 'Hello World!"; //错误的使用
var str_6 = "Hello World!'; //错误的使用

连接字符串和另一个种数据类型
使用+加号链接字符串

 代码如下 复制代码
var uname = 'Kimy';
var uage = '4';
alert(uname + '今年' + uage + '岁了'); //弹窗：Kimy今年4岁了

使用concat()方法连接字符串

 代码如下 复制代码
var str = 'kimy';
var age = '4';
var newstr = str. concat('今年',age,'岁了'); //kimy今年4岁了
alert(newstr);

条件比较字符串

 代码如下 复制代码
var strName = prompt('请输入你的姓名：','');
if(strName.toLowerCase() == 'kimy'){ //==（双等号）比较变量strName的值是否是'Kimy'
 alert('原来你就是Kimy');
}else{
 alert('你不是Kimy，你是'+strName);
}
strName.toLowerCase()把字符串转为小写，然后再进行比较

相等 ==   运算数相同为真；否则为假
严格相等 ===  运算数相同且具有相同的数据类型为真；否则为假
不相等 ！=  运算数不同为真；否则为假
严格不相等 !== 运算数不同或者数据类型不同为真；否则为假
大于 >  左边的运算数大于
大于或等于 >=
小于 <
小于或等于 <=
在字符串中查找子字符串
indexOf( ) 从字符串的起始位置查找子字符串,可以找到子字符串，则返回子字符串的首字母所在的位置，否则返回-1，返回0表示在开始位置就匹配了。

 代码如下 复制代码
var str = '111cn.net /key=value';
var pos = str.indexOf('key');
if(pos != -1){
 alert('找到了，索引号：'+pos); //下标索引从0开始
}
lastIndexOf( ) 从字符串的尾部从右向左查找子字符串,可以找到子字符串，则返回子字符串的首字母所在的位置，否则返回-1
var pox = str.lastIndexOf('key');
if(pox != -1){
 alert('找到了，索引号：'+pox); //匹配斜杠后面的key
}

从一个字符串提取子字符串

 代码如下 复制代码

var dstStr = 'Hello Mekkey!';
var start = dstStr.indexOf(' ')+1;//获取第一个空格的位置，并加1
var end = dstStr.length;//获取字符串的长度
var myStr = dstStr.substring(start,end);//按照起始位置和结束为止返回子字符串
alert(myStr);//Mekkey!
检查一个存在的、非空的字符串
if((typeof unknowkey != "undefined") && (typeof unknowkey.valueOf() == "string") && (unkonwkey.length > 0)){
 alert('unknowkey是一个非空的、存在的字符串');
}

typeof unknowkey != “undefined” //判断变量unknowkey是否存在
typeof unknowkey.valueOf() == “string” //如果unkonwkey是一个String对象,则返回一个字符串直接量
unkonwkey.length > 0 //判断字符串的长度是否为空
var str = 'helelo';   //字符串直接量
var oStr = new String('world');//String对象
alert(typeof str.valueOf()); //输出：String
alert(typeof oStr.valueOf()); //输出：String
alert(typeof str);    //输出：String
alert(typeof oStr.valueOf()); //输出：Object

将一个关键字字符串分解为单独的关键字
使用split()方法按照指定的字符进行分割，返回一个数组，split()函数中的参数可以是字符串也可以是正则表达式

 代码如下 复制代码
var str = "http://www.111cn.net ?key=value";
var arr = str.split('?');//按照字符串中的问号对字符串进行分割
alert(arr[1]);//弹窗显示问号后面的内容

处理textarea的单个行

 代码如下 复制代码
function showResult(){
 var text = document.getElementById('inputbox');
 var lines = text.value.split('＼n');
 var resultString = '<p>';
 for(var i=0; i<lines.length; i++){
  resultString += lines[i] + '&lt;br /&gt;';
 }
 resultString += '</p>';
 var result = document.getElementById('result');
 result.innerHTML = resultString; 
}

在ECMAScript 5发布之前，必须使用正则表达式或者String的replace()方法去除掉一个字符串首尾的空格，现在只需要使用trim()方法就可以实现。
str.trim();
对于不支持trim()的浏览器可以使用String prototype添加定制的trim方法

 代码如下 复制代码
if(typeof String.trim == 'undefined'){
    String.prototype.trim = function(){
        return this.replace(/(^＼s*)|(＼s*$)/g,'');
    }
}

左补充或右补充一个字符串

 代码如下 复制代码

function setSameLength(num,preLength){
 var len = num.length;
 var diff = preLength - len;
 var filter='';
 for(var i=0; i&lt;diff; i++){
  filter += '0';
 }
 return filter + num;
}
时间： 2024-09-14 04:59:12

JavaScript字符串常用操作函数之学习笔记的相关文章

JavaScript 字符串常用操作小结(非常实用)_javascript技巧

字符串截取 1. substring() xString.substring(start,end) substring()是最常用到的字符串截取方法,它可以接收两个参数(参数不能为负值),分别是要截取的开始位置和结束位置,它将返回一个新的字符串,其内容是从start处到end-1处的所有字符.若结束参数(end)省略,则表示从start位置一直截取到最后. let str = 'www.jeffjade.com' console.log(str.substring(0,3)) // www co

javascript数组常用操作函数

网页特效数组常用操作函数 1. 数组length属性的值是这个数组的最大整数属性名加上1.它不一定等于数组里属性的个数: 1 var myarray = [];  2 alert(myarray.length); // 0  3    4 myarray[1000000] = true;  5 alert(myarray.length); //1000001 2. 在数组尾部添加一个新元素: 1 var numbers = ['zero', 'one', 'two'];  2 numbers[n

PHP图形操作之Jpgraph学习笔记_php技巧

本文实例讲述了PHP图形操作之Jpgraph学习笔记.分享给大家供大家参考,具体如下: 一.Jpgraph安装配置 下载Jpgraph安装包 解压后放置磁盘中,(最好是放在和网页一起) 修改php.ini文件: 1.内存  memory_limit=X,至少为32M 2.执行时间  max_execution_time=X,对于复杂的图片加载时需要较多的时间,根据图片的复杂度做相应的修改 3.缓存  output_buffering  注释掉缓存,便于调试 二.使用Jpgraph创建图形的基本步

收藏了php数组的常用操作函数

PHP Array 函数 PHP:指示支持该函数的最早的 PHP 版本. 函数 描述 PHP array() 创建数组. 3 array_change_key_case() 返回其键均为大写或小写的数组. 4 array_chunk() 把一个数组分割为新的数组块. 4 array_combine() 通过合并两个数组来创建一个新数组. 5 array_count_values() 用于统计数组中所有值出现的次数. 4 array_diff() 返回两个数组的差集数组. 4 array_diff

详解JavaScript中常用的函数类型_javascript技巧

网页中的java代码需要写在JavaScript中,里面部分少不了函数,介绍一下JavaScript中常用的函数类型.1.可变函数 <script> function show(){ alert("第一个..."); } function show(str){ alert("第二个"); } function show(a,b){ alert("第三个..."); alert(a+":"+b); } </sc

asp.net C# 日期常用操作函数与用法(1/3)

asp教程.net c# 日期常用操作函数与用法 datetime dt = datetime.now;  dt.tostring();//2005-11-5 13:21:25 dt.tofiletime().tostring();//127756416859912816 dt.tofiletimeutc().tostring();//127756704859912816 dt.tolocaltime().tostring();//2005-11-5 21:21:25 dt.tolongdate

PHP操作XML文件学习笔记

原文:PHP操作XML文件学习笔记 XML文件属于标签语言,可以通过自定义标签存储数据,其主要作用也是作为存储数据. 对于XML的操作包括遍历,生成,修改,删除等其他类似的操作.PHP对于XML的操作方式很多,这次学习的是通过DOMDocument进行操作,其他的操作方法可以参考 http://www.oschina.net/code/snippet_110138_4727 1.对XML文件的遍历 通过DOMDocument对于XML文件的操作的方法:首先要实例化一个DOMDocument类的对

JavaScript权威设计--JavaScript函数(简要学习笔记十一)

1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScript构造函数调用的语法是允许省略实参列表和圆括号的. 如: var o=new Object(); //->等价于 var o=new Object;   第四种:使用call()与apply()间接调用(放在后面详细说明)   2.函数的实参与形参--可选形参 先看一个例子: function g

JavaScript权威设计--JavaScript函数(简要学习笔记十)

1.函数命名规范 函数命名通常以动词为前缀的词组.通常第一个字符小写.当包含多个单词时,一种约定是将单词以下划线分割,就像"like_Zqz()". 还有一种就是"likeZqz()".有些些函数是用作内部用的或者为私有函数通常以一条下划线为前缀,就像"_zqzName()".   2.以表达式方式定义的函数 如: var zqz=function (){ return "zhaoqize"; } 在使用的时候必须把它赋值给一