美文网首页
H5:入门笔记五之字符串和数组

H5:入门笔记五之字符串和数组

作者: 春暖花已开 | 来源:发表于2021-01-26 16:07 被阅读0次

    字符串换行

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
    
    字符串的常用属性:
    .length------>字符串的长度
    .charAt(索引),返回值是指定索引位置的字符串,超出索引,结果是空字符串
    .fromCharCode(数字值,可以是多个参数),返回的是ASCII码对应的值
    .concat(字符串1,字符串2,...);返回的是拼接之后的新的字符串
    .indexOf(要找的字符串,从某个位置开始的索引);返回的是这个字符串的索引值,没找到则返回-1
    .lastIndexOf(要找的字符串);从后向前找,但是索引仍然是从左向右的方式,找不到则返回-1
    .replace("原来的字符串","新的字符串");用来替换字符串的
    .slice(开始的索引,结束的索引); 从索引5的位置开始提取,到索引为10的前一个结束,没有10,并返回这个提取后的字符串
    .split("要干掉的字符串",切割后留下的个数);切割字符串
    .substr(开始的位置,个数);返回的是截取后的新的字符串
    .substring(开始的索引,结束的索引),返回截取后的字符串,不包含结束的索引的字符串
    .toLocaleLowerCase();转小写
    .toLowerCase();转小写
    .toLocaleUpperCase()转大写
    .toUpperCase();转大写
    .trim();干掉字符串两端的空格
    
    var str = "12345";
    console.log(str.length);
    var str = "whatareyounoshalei";
    var result = str.charAt(1000);
    console.log(result);
    var str = String.fromCharCode(107, 108, 109);
    console.log(str);
    var str = String.fromCharCode(83, 79, 83);
    console.log(str);
    var str = "what";
    console.log(str + "are" + "you" + "fucking" + "?");
    var str = "芙蓉姐姐";
    console.log(str.concat("喜欢", "凤姐", "这是", "真的"));
    var str = "芙蓉姐姐真的好猥好琐啊";
    var index = str.indexOf("好");
    console.log("索引:" + index);
    var str = "helo amen";
    var index = str.lastIndexOf("Y");
    console.log(index);
    var str = "芙蓉姐姐好帅哦,真的好勇敢哦";
    if (str.indexOf("帅") != -1) {
        str = str.replace("帅", "猥琐");
    } else {
        console.log("不存在");
    }
    console.log(str);
    var str = "你不能说我不爱你,起码我觉得我爱你.";
    //从索引5的位置开始提取,到索引为10的前一个结束,没有10,并返回这个提取后的字符串
    str = str.slice(5, 10);
    console.log(str);
    var str = "乔峰|慕容|凤姐|梅超风|芙蓉姐姐";
    var arr = str.split("|");
    for (var i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    }
    var str = "哈哈,芙蓉姐姐真的是好帅哦";
    str = str.substr(5, 5);
    console.log(str);
    var str = "哈哈,芙蓉姐姐真的是好帅哦";
    str = str.substring(5, 9);
    console.log(str);
    var str = "HELLO";
    //str=str.toLocaleLowerCase();
    str = str.toLowerCase();
    console.log(str);
    var str = "hello";
    str = str.toLocaleUpperCase();
    //str=str.toUpperCase();
    console.log(str);
    

    打印:

    5
    
    klm
    SOS
    whatareyoufucking?
    芙蓉姐姐喜欢凤姐这是真的
    索引:6
    -1
    芙蓉姐姐好猥琐哦,真的好勇敢哦
    不爱你,起
    乔峰
    慕容
    凤姐
    梅超风
    芙蓉姐姐
    姐姐真的是
    姐姐真的
    hello
    HELLO
    
    数组
    Array.isArray(对象)---->判断这个对象是不是数组
    instanceof关键字
    .concat(数组,数组,数组,...) 组合一个新的数组
    .every(函数)--返回值是布尔类型,函数作为参数使用,函数中有三个参数,第一个参数是元素的值,第二个参数是索引值,第三个参数是原
    如果这个数组中的每个元素的值都符合条件,最后才返回的是true
    .filter(函数);返回的是数组中每一个元素都复合条件的元素,组成了一个新的数组
    .push(值);--->把值追加到数组中,加到最后了---返回值也是追加数据之后的数组长度
    .pop();--->删除数组中最后一个元素,返回值就是删除的这个值
    .shift();--->删除数组中第一个元素,返回值就是删除的这个值
    .unshift();--->向数组的第一个元素前面插入一个新的元素,----返回值是插入后的程度
    .forEach(函数)方法---遍历数组用---相当于for循环
    .indexOf(元素值);返回的是索引,没有则是-1
    .join("字符串");----返回的是一个字符串
    .map(函数);--->数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中
    .reverse();----->反转数组
    .sort();---排序的,可能不稳定,如果不稳定,请写MDN中的那个固定的代码
    .arr.slice(开始的索引,结束的索引);把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值
    .splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素
    

    相关文章

      网友评论

          本文标题:H5:入门笔记五之字符串和数组

          本文链接:https://www.haomeiwen.com/subject/cfkgzktx.html