2019.1.5JavaScript

JS字符串对象：

===================字面量法创建字符串对象================

var str='king';　　　　　　　　　　　　　　//创建一个字符串
console.log(typeof str); //string　　　　　　　　//输出的数据类型为字符串String

var strObj=new String('king');　　　　　　　　//new创建一个对象
console.log(typeof strObj); //object

console.log(strObj[0]); //k　　　　　　　　　　//输出对象中的相对的下标结果是k
console.log(strObj.length); //4　　　　　　　　//对象中的长度为4
console.log(strObj.valueOf()); //king　　　　　　//使用 valueOf() 来取得此对象的原始值
console.log(strObj.toString()); //king　　　　　　　//转换成字符串，结果还是king
console.log("nana"[0]); //n　　　　　　　　　　　　//直接输出字符串"nana"中的0下标
console.log("helloworld".length); //10　　　　　　　//字符串长度为10

var str=String('1234'); 　　　　　　　　　　　　//创建一个字符串，里面内容要引号
str=String(true); 　　　　　　　　　　　　　　　　//输出true
str=String({x:1});　　　　　　　　　　　　　　　　//输出两个空对象[object Object]
str=String(null);　　　　　　　　　　　　　　　　//输出null
console.log(str);

=======================charAt()根据下标返回指定的字符========================

var str='king';
console.log(str.charAt(0));　　　　　　　　　　//根据下标找字符串的指定字符　　k
console.log(str.charAt(1));　　　　　　　　　　//i
console.log(str.charAt(2));
console.log(str.charAt(3));
console.log(str.charAt(-100));　　　　　　　　　　//正负数都是一个空的值，输出的是空

====================charCodeAt():返回指定字符的ASCII码值=====================

var str='abcdef';　　　　　　　　　　　　　　　　　　//创建一个字符串
console.log(str.charCodeAt(0));　　　　　　　　　　　　//下标是0，找到a　　转换成ASCll码是97　　输出97
console.log(str.charAt(6));　　　　　　　　　　　　　　//输出的是空
console.log(str.charCodeAt(23));　　　　　　　　　　　　//找不到下标，正负都一样，结果输出NaN

======================fromCharCode():根据指定的ASCII放回对应的字符================

console.log(String.fromCharCode(97));　　　　　　　　　　//找到97对应的ASCll码为a　　输出的就是a
console.log(String.fromCharCode(65,66,67));　　　　　　　　//多个用逗号隔开，依次输出ABC

====================concat()：连接字符串=========================

var str='hello ';
console.log(str.concat('world'));　　　　　　　　　　　　//连接起来，输出hello world
console.log(str.concat('world ','!'));　　　　　　　　　　　　//输出hello world !

======================字符串搜索相关==========================

var str='this is a test';
console.log(str.indexOf('t'));　　　　　　　　//按下标搜索
console.log(str.indexOf('is'));　　　　　　　　//输出结果为2
console.log(str.indexOf('Is')); 　　　　　　　　//搜索不到为-1
console.log(str.indexOf('i'));　　　　　　　　　　//2
console.log(str.indexOf('i',5));　　　　　　　　　　//后面5，从下标5开始搜索，结果输出为5

=====================通过indexOf()可以统计一个字符在指定字符串中出现的次数========================

var str='sssssdlkfjlwk34jlksdfjlksjdlf234';　　　　　　　　//创建一个字符串
var count=0;　　　　　　　　　　　　　　　　　　//声明变量，初始值为0
var pos=str.indexOf('s'); 　　　　　　　　　　　　　　//声明变量，用.indexOf统计括号中用引号的字符串
while(pos!=-1){　　　　　　　　　　　　　　　　　　　//用while循环，条件是搜索的字符串不会不存在
count++;　　　　　　　　　　　　　　　　　　　　　　　//一直递增
pos=str.indexOf('s',pos+1);　　　　　　　　　　　　　　　　//搜索到一个继续加一个下标继续搜索
}
console.log(count);　　　　　　　　　　　　　　　　//输出结果为7

=====================lastIndexOf():最后一次出现的位置=====================

var str='this is a test';　　　　　　　　　　　　　　//创建一个字符串
console.log(str.indexOf('is'));　　　　　　　　　　　//搜索字符串的下标　　2
console.log(str.lastIndexOf('is'));　　　　　　　　　　//搜索最后出现的字符串的下标　　5

===================比较两个字符串=======================

console.log('h'.localeCompare('j'));//-1　　　　　　//转换成ASCLL码来进行比较
console.log('z'.localeCompare('a'));//1
console.log('a'.localeCompare('a'));//0
console.log('b'.localeCompare('B'));//1

=====================match():找到一个或多个正则表达式的结果================

var str='this is a test of king show time';　　　　　　　　//创建一个字符串
var re=/IS/i;　　　　　　　　　　　　　　　　　　　　　//创建一个变量，找正则表达要放在/ / 里面，后面的i 表示不区分大小写
console.log(str.match(re));　　　　　　　　　　　　　　　　//输出的就是index：2

var str='QWERTYUIOPASDFGHJKLZXCVBNMqwertyuioasdfghjkzxcvbnm';　　　　　　　　　　//创建一个字符串
console.log(str.match(/[a-f]/ig));　　　　　　　　//输出的正则内容是a~f中的其中一个不区分大小写，g是全局的意思，全部

==================search():根据正则表达式进行搜索=================

var str='this is a test';
console.log(str.search(/is/));　　　　　　　　//在字符串搜索的正则表达是2个
console.log(str.search(/IS/));　　　　　　　　　　//没有的正则表达就是-1
console.log(str.search(/IS/i));　　　　　　　　//不区分大小写结果输出2

var str='this is a test IS';
var newStr=str.replace(/IS/ig,'<span style="color:red;">is</span>');
console.log(newStr);　　　　　　　　　　　　　　　　　　　　//在控制台输出内容
document.write(newStr);　　　　　　　　　　　　　　　　　　//在全部的字符串输出找到所有的is并输出

==================截取字符串substring()=================

var str='abcdef';
console.log(str.slice(2));　　　　　　　　//按下标找，从2开始截取，到最后
console.log(str.slice(0,2)); 　　　　　　　　//下标0~2，不包括2
console.log(str.slice(-3));
console.log(str.slice(-4,-2));　　　　　　　　//负数从后找
console.log(str.slice(0,-1));

console.log(str.substr(3));
console.log(str.substr(0,4));

====================split()将字符串拆分成数组=======================

var str='2015-08-12';
var arr=str.split('-');　　　　　　　　　　//找到-为分界线，拆分字符串
console.log(arr);　　　　　　　　　　　　//输出结果为["2015", "08", "12"]拆分成数组，中间用逗号隔开，并且加上引号
var str='a b c d e f';
var arr=str.split(' ');
console.log(arr);

arr=str.split(' ',3);　　　　　　　　　　　　//前面是分界线，后面的值是要拆分的数值个数
console.log(arr);

===================字符串大小写相关=====================

console.log("KING".toLowerCase());　　　　　　　　　　//字符串变小写
console.log("KING".toLocaleLowerCase());
console.log('nana'.toUpperCase());　　　　　　　　　　//字符串变大写
console.log('nana'.toLocaleUpperCase());

toLowerCase()和toUpperCase()是两个经典的方法，借鉴自java.lang.String中的同名方法。而toLocaleLowerCase()和toLocaleUpperCase()方法则是针对特定地区的实现。

=======================trim()去字符串两边的空格==================

var str=' ab c ';　　
//alert("!"+str+"!");　　　　　　　　//弹出！加字符串
alert("!"+str.trim()+"!");　　　　　　　　//取消字符串两边的空格　　中间有空格依旧是空格

=============产生锚点============

锚点：是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接。

var str='<span style="color:red;">this is test</span>';
document.body.innerHTML=str.anchor('contents_anchor');

==========产生链接=============

var title='this is of king show time';
var url='http://phpfamily.org';
document.write('Click Me to Visit My Blog'+title.link(url));　　　　　　//输入的文本内容拼接上引入的链接