抽象轻松JavaScript

最新推荐文章于 2024-06-14 10:11:23 发布

陈站长的奇妙冒险

最新推荐文章于 2024-06-14 10:11:23 发布

阅读量88

点赞数

分类专栏：抽象js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/c_yanxin_ru/article/details/131525341

版权

抽象js 专栏收录该内容

64 篇文章 0 订阅

订阅专栏

中文翻译 length == 长度
               to upper case（）== 改为大写
               to lower case（）== 改为小写
trim () == 修剪
char at（） == 字符位置：可简写成[];
   slice（） == 切片
substring （）== 子字符串
substr （）== 字符串截取
index of （）== 索引
last index of （）== 上一个索引
inclues （）== 包括
starts with（）开始于
将上面的内容可以简单分为有括号和无括号~

有括号的代表函数，无括号的代表有意义的字符串

还可以在细分成三部分

第一部分：基本字符串函数：length，touppercase(),tolowercase(),trim(),charat()

第二部分：字符串截取:slice(),slicesubsting(),substr()

第三部分：字符串查找:indexof(),laseindexof(),startswith(),licludes()

前言：中文翻译用空格只是为了更好的了解，在编程中切记请勿使用空格隔开

这次我们用（ . ）点来进行访问这些函数以及标识符

翻译：用这个字符来连接他们

第一个：length，长度——具体点：字符长度

例子

        let i = "qiudaoyu"
        console.log(i.length);//会在控制台打印8

第二个：tolowercase（），touppercase（）。改为大小写

例子

        let i = "QiuDaoYu";
        console.log(i.toLowerCase());//输出为qiudaoyu
        console.log(i.toUpperCase());//输出为QIUDAOYU

第三个：trim（），裁剪函数，裁剪掉字符串两边的空白，ps：空白算一个字符串

        let z = "   qiudaoyu    ";
        console.log(z.length);//输出字符串长度内容为15
        console.log(z.trim().length);//输出字符串长度内容为8
        console.log(z.trim());//输出内容没有空格，qiudaoyu

注意了，重点，输入顺序，先用函数（带括号的）再用标记符（不带括号的），不信自己试试

第四个：charat()，字符位置，在括号中输入值，会返回对应的值，从0开始，0123，负数在哪里？在左边，-3 -2 -1 0，对应例子，q的左边是什么？

空白！！！也就是说输入负数输出空白

        let x = "qiudaoyu.com";
        console.log(x.charAt(-2));//输出内容为空白
        console.log(x.charAt(1));//输出内容为i

第二部分：他们都有一个共同点，在参数中有起点和结束两个值

具体点就是slice(start,end)，substring(开始，结束)，substr(开始，结束)

第一个：slice（开始，结束）——切片的翻译很形象，截取的现状像切片，用法也像

看完图片，你可能会想到，第一把剪刀代表开始，第二把剪刀代表结束，输出他们之间的值，那么负数，就把他反过来，第一把剪刀代表结束，第二把剪刀代表开始！

这个结论有对有错，对的是前面正数，错的是后面负数

现说为什么会错，因为你把开始，结束理解成了长度！

正确的是，他们代表位置，先上结论，

从左到右的一种特殊运算，不管你的开始在哪里，他运算结束时总是在右边（十分重要）

那么负数左边的值是大是小呢？答案是小，

正数左边的值是大还是小？小

得到开始与结束的值差，开始的值要小于结束的值，否则输出空白，原理和上面的chatat（）一样

substring()子字符串和substr()字符串截取

substr（）函数与substring（）函数的区别，substr函数更新是切片的另一种版本，切片是保留中间部分，substr字符串截取是去除开始结束两边的字符串，substring在正数的情况下==slice切片

substring函数，没有负值，没有负值，没有负值

substr函数的输出值逻辑和slice切片函数一样，但是substr函数第二个值不能是负数

小结一下：

slice（）可以负可正，但要满足开始<结束，否则为空白

substring（）正数和slice一样，但是没有负值，没有负值，输入负数会被编译成0

substr（），也就比substring好一点，开始可以为负，但是结束不能为负

总结

能看完已经是一个奇迹了！

字符串基本函数，有5个，使用符号 . 进行连接

length，trim（），charat（），toupper/lowercase（）

字符串截取，slice，substr，substring三者都满足同一个规律：那就是开始值小于结束值

从左到右的一种特殊运算，不管你的开始在哪里，他运算结束时总是在右边（十分重要）

但是有一些些小区别，slice和substring都是切片的形状，都是输出开始与结束位置中间部分

substr是去除切片两边的值输出中间的！

是不是有点矛盾？没有，例子，123456，开始在0结束在3，那么前者输出23，后者输出234

前者没包括结束位置的字符串，后者包括了结束位置的字符串

取值，slice切片函数可以取正负，substring子字符串切片只能取正，负值会被自动编译成0

substr子字符串段，开始可以取正负，但结束只有正，原因结束位置的值也会被编译成0

有用点个赞！！！

<!DOCTYPE html>
<html>
<head>
    <meta charset="GBK">
    <title>Document</title>
</head>
<body>
    <script>
        let i = "QiuDaoYu";
        console.log(i.toLowerCase());//输出为qiudaoyu
        console.log(i.toUpperCase());//输出为QIUDAOYU

        let z = "   qiudaoyu    ";
        console.log(z.length);//输出字符串长度内容为15
        console.log(z.trim().length);//输出字符串长度内容为8
        console.log(z.trim());//输出内容没有空格，qiudaoyu

        let x = "qiudaoyu.com";
        console.log(x.charAt(-2));//输出内容为空白
        console.log(x.charAt(1));//输出内容为i
        
        let y = "12345";
        console.log(y.slice(1,4));//输出正中间的值234
        console.log(y.slice(1,-4));//输出空白,因为1与2之间是空白
        console.log(y.slice(1-3));//输出内容为2；做加法，得到开始的位置

        let k = "1234567";
        console.log(k.substring(1,4));
        console.log(k.substr(1,4));
        console.log(k.substring(-5,-1));
        console.log(k.substr(1,5));
        console.log(k.substr(-5,2));
    </script>
</body>
</html>

这是上面没有代码例子的，全部过程