22js学习第八天第2部分字符串-CSDN博客

本文链接：https://blog.csdn.net/liuyaoshun123456/article/details/124279786

// 01JavaScript字符串的创建

// 1.字面量 "" '' ``
var str1="hello";
var str2='hello';
var str3=`hello`;
console.log(str1);

// 2.使用new关键字构造函数
var str5=new String();
str5="hello China";
var str6=new String("hello Nanjing");
console.log(str6);

// 区别
console.log(typeof str1);//string
console.log(typeof str6);//object

// 02JavaScript字符串的属性

// 1.字面量 "" '' ``
var str1="hello ";
var str2='hello';
var str3=`hello`;
console.log(str1);

// 2.使用new关键字构造函数
var str5=new String();
str5="hello China";
var str6=new String("hello Nanjing");
console.log(str6);

// length 字符串的长度空格字符算字符长度
console.log(str1.length);//7
console.log(str6.length);//12

// constructor 对创建改对象的函数的应用构造函数
console.log(str1.constructor);
console.log(str6.constructor);

// prototype 原型向对象添加属性和方法
console.log(String.prototype);//原型对象

console.log(str6.name);
String.prototype.name="字符串";
console.log("字符串的名字".name);

// 03JavaScript字符串的拼接

var str1="hello";
var str2="world";
var str3=" ";

// concat() 连接两个或更多字符串，并返回新的字符串。拼接字符串
console.log(str1.concat(str3,str2));
// 使用 + 拼接字符串外单内双外双内单
console.log(str1+str3+str2);
var num=10;
var str="10";
console.log(typeof(num+str));//string
// += :拼接字符串
console.log(str+=" world");
// `` 模板字符串 es6
console.log(`${str1}${str3}${str2}`);

// 04JavaScript字符串方法

var str1 = "hello";
var str2 = "world";
var str3 = " ";

// concat() 连接两个或更多字符串，并返回新的字符串。拼接字符串
console.log(str1.concat(str3, str2));
// 使用 + 拼接字符串外单内双外双内单
console.log(str1 + str3 + str2);
var num = 10;
var str = "10";
console.log(typeof (num + str)); //string
// += :拼接字符串
console.log(str += " world");
// `` 模板字符串 es6
console.log(`${str1}${str3}${str2}`);
var str1 = "hello";
var str2 = "world";
var str3 = " ";

// indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。索引
console.log(str1.indexOf("l"));//2 第一次出现的索引
console.log(str1.indexOf("a"));//-1 不存在时返回-1
// lastIndexOf() 从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。最后一次出现的索引
console.log(str1.lastIndexOf("l"));//3
// slice(start,end) 提取字符串的片断，并在新的字符串中返回被提取的部分。
console.log(str1.slice(0,2));

// charAt(索引) 返回指定位置的字符
console.log("你好,南京".charAt(2));

// charCodeAt(索引) 返回在指定的位置的字符的 Unicode 编码。
console.log("一".charCodeAt(0));//19968
// fromCharCode(unicode编码) 将 Unicode 编码转为字符。
console.log(String.fromCharCode(19971));

// substr(start,length) 从起始索引号提取字符串中指定数目的字符。
var str6="abcdefg";
console.log(str6.substr(0,3));//abc
console.log(str6.slice(0,3));
console.log(str6);
// substring(start,end) 提取字符串中两个指定的索引号之间的字符。
console.log(str6.substring(0,3));

// trim() 去除字符串两边的空白
console.log(" 你好 ");
console.log(" 你好 ".trim())
console.log(" 你好 ".length);
console.log(" 你好 ".trim().length);

// split("匹配的条件") 把字符串分割为字符串数组
console.log(str1.split());//["hello"]
console.log(str1.split("e"));//['h', 'llo']
console.log(str1.split(""));//['h', 'e', 'l', 'l', 'o']

// toLowerCase() 把字符串转换为小写。
console.log("HELLO China".toLowerCase());
// toUpperCase() 把字符串转换为大写。
console.log("HELLO China".toUpperCase());

// toLocaleLowerCase() 根据本地主机的语言环境把字符串转换为小写。
// toLocaleUpperCase() 根据本地主机的语言环境把字符串转换为大写。
console.log("HELLO China".toLocaleLowerCase());

// toString() 返回一个字符串。
console.log("hello".toString());
// valueOf() 返回某个字符串对象的元始值。
console.log("hello".valueOf());

// search() 查找与正则表达式相匹配的值。
console.log(str1.search(/l/));//2
// match() 查找找到一个或多个正则表达式的匹配。
console.log(str1.match("l"));//
console.log(str1.match(/l/g));//['l', 'l']

// replace() 在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。
console.log("你好,南京".replace(/你/,"您"))
console.log(str1.replace(/l/g,"A"));

// replaceAll() 在字符串中查找匹配的子串，并替换与正则表达式匹配的所有子串。
console.log(str1.replace("l","A"));
console.log(str1.replaceAll("l","A"));

<body>
<h1>05JavaScript字符串HTML包装方法</h1>

hello world
 

</body>
<script>
// 05JavaScript字符串HTML包装方法
// anchor() 创建 HTML 锚。
// link() 将字符串显示为链接。
// big() 用大号字体显示字符串。
// blink() 显示闪动字符串。
// bold() 使用粗体显示字符串。
// fixed() 以打字机文本显示字符串。
// fontcolor() 使用指定的颜色来显示字符串。
// fontsize() 使用指定的尺寸来显示字符串。
// italics() 使用斜体显示字符串。
// small() 使用小字号来显示字符串。
// strike() 用于显示加删除线的字符串。
// sub() 把字符串显示为下标。
// sup() 把字符串显示为上标。
var text="hello world";
document.write(text.anchor("top"));
document.write("大号字体："+ text.big() +"");
document.write("小号字体："+ text.small() +"")
document.write("字体加粗："+ text.bold() +"")
document.write("字体倾斜："+ text.italics() +"")
document.write("打印机文本："+ text.fixed() +"")
document.write("删除线："+ text.strike() +"")
document.write("下标："+ text.sub() +"")
document.write("上标："+ text.sup() +"")
document.write("字体颜色："+ text.fontcolor("yellow") +"")
document.write("字体大小："+ text.fontsize(16) +"")
document.write(" ")
document.write(text.link("#top"))

</script>

<body>
<h1>06JavaScript转义字符</h1>
<textarea name="" id="text" cols="30" rows="10"></textarea>
</body>
<script>
// 06JavaScript转义字符

// 转义字符 \ 使用\可以插入特殊符号

document.write('"');
document.write("\"");
document.write('\\');
// \t 制表符 \b 退格符 \f 换页 \n 换行符 \r回车
console.log("hello");
console.log("\thello");
console.log("\bhello\bworld");
console.log("hello\nworld");
document.getElementById("text").value="hello\rworld"

</script>