JavaScript练习之字符串学习
2019-04-13 本文已影响0人
池约翰
js字符串
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
*
* 在解析器的底层，保存字符串时，实际上是以字符数组的形式保存的
* 所以字符串的操作方法和数组都是非常相似的
*
*/
var str = "Hello neusoft";
//console.log(str.length);
//console.log(str[6]);
/*
* length可以用来获取一个字符串的长度
*/
/*
* charAt()
* - 可以根据索引来获取指定位置的字符
*
* charCodeAt()
* - 可以根据索引来获取指定位置的字符的字符编码
*
* String.fromCharCode()
* - 可以根据字符编码来获取字符
*/
str = "中AaHello neusoft";
var result = str.charAt(0);
result = str.charCodeAt(0);
result = String.fromCharCode(20013);
//console.log(result);
/*
* concat()
* - 可以用来连接两个或多个字符串
* - 作用+ 一样
*/
str = "hello";
var str2 = "world";
result = str.concat(str2,"你好","天气好","吃的好");
/*
* indexOf()
* - 检索指定字符串在当前字符串中的位置
* - 参数：
* 第一个参数，要查询的字符串
* 第二个参数，查找开始的位置
*
* - 返回值：
* 默认会返回字符串第一次出现的位置的索引
* 如果没有找到该内容，则返回-1
*
* lastIndexOf()
* - 检索指定字符串在当前字符串中的位置
* - 该方法和indexOf()一样，不同的是indexOf()是从前往后找
* 而lastIndexOf()是从后往前找
*/
str = "Helo neusoft";
//result = str.indexOf("a");
//result = str.indexOf("l",3);
result = str.lastIndexOf("l",5);
/*
* slice()
* - 可以用来截取一个字符中的内容
* - 参数：
* 第一个参数，截取开始位置的索引（包括开始位置）
* 第二个参数，截取结束位置的索引（不包括结束位置）
* - 可以接收一个负值作为参数，如果是负值，则从后往前数
* - 也可以省略第二个参数，如果省略则一直截取到最后
*/
str = "Hello neusoft";
result = str.slice(0,5);
result = str.slice(5);
/*
* substring()
* - 用来截取字符串的
* - 参数：
* 第一个参数，截取开始位置的索引（包括开始位置）
* 第二个参数，截取结束位置的索引（不包括结束位置）
* - 该方法不接收负值，如果传递了一个负值，则默认会设置为0
* - 该方法中如果第二个参数小于第一个，则会调整参数的位置
*
*/
str = "Hello neusoft";
result = str.substring(6,0);
/*
* substr()
* - 用来截取字符串
* - 参数：
* 第一个参数，截取开始位置的索引
* - 可以是负值，如果是负值从后往前数
* 第二个参数，截取的个数
*/
str = "Hello neusoft";
result = str.substr(-3,2);
//console.log(result);
/*
* split()
* - 可以将一个字符串拆分为一个数组
* - 它需要一个字符串作为参数，将会根据该字符串对字符串进行拆分
* 并且将拆分的后的值保存到一个数组中返回
*/
str = "孙悟空@猪八戒@沙和尚@唐僧";
result = str.split("@");
//console.log(Array.isArray(result));
//console.log(result);
/*
* toLowerCase()
* - 将一个字符串转换为小写
* toUpperCase()
* - 将一个字符串转换为大写
*/
str = "abcdefg";
result = str.toUpperCase();
str = "ABCDEFG";
result = str.toLowerCase();
console.log(result);
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me";
//replace默认只替换第一次查找到的，想要全局替换，需要置上正则全局标识，如
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
</script>
</head>
<body>
</body>
</html>
练习：
字符串练习
方法一
编写一个程序，将某个字符串反转
function strReverse(str) {
return str.split("").reverse().join("")
}
下面对例子中使用到的 JS 方法进行说明：
1、join()：返回字符串值，其中包含了连接到一起的数组的所有元素，元素由指定的分隔符分隔开来。
格式：arrayObj.join(separator)
arrayObj 必选项，Array 对象；
separator 必选项。是一个 String 对象，作为最终的 String 对象中对数组元素之间的分隔符。如果省略了这个参数，那么数组元素之间就用一个逗号来分隔。
注：Array.join() 等价于 Array.toString()
2、split()：将一个字符串分割为子字符串，然后将结果作为字符串数组返回。
格式：stringObj.split([separator[, limit]])
stringObj 必选项，要被分解的 String 对象或文字。
separator 可选项。字符串或 正则表达式 对象，它标识了分隔字符串时使用>的是一个还是多个字符。如果忽略该选项，返回包含整个字符串的单一元素>数组。
limit 可选项。该值用来限制返回数组中的元素个数。
3、reverse()：返回一个元素顺序被反转的 Array 对象。
格式：arrayObj.reverse()
arrayObj 必选项，Array 对象。
方法二
function strReverse(str) {
var newstr="";
for(var i=0;i<str.length;i++){
newstr=str.charAt(i)+newstr;
}
return newstr
}
