String对象数组对象用法

目录

1.length (字符串长度)

2.indexOf(string,[index])

3.lastIndexOf(string,[index])

4.slice(start,end)

5.截取 substr(起始位置,[截取长度])

6.替换 replace('子字符串1','子字符串2')

7.获取指定位置的字符 charAt(n)

8.转换大小写 toLowerCase() toUpperCase()

9.数组 split(分割符

10.显示字符串效果 bold() 加粗 italics() 斜体 strike() 删除 fontcolor('#f00') 字符串颜色 fontsize(1-7) 字符串大小 sup() 上标标签 sub() 下标标签

,[返回数组的最大长度])

1.length (字符串长度)

长度为5

var str = 'hello';
console.log(str.length) // 5

2.indexOf(string,[index])

  // // 1indexof
        
        // var str= 'iodawhkjhdawiod';
        // var index= str.indexof('i');
        // var num=0;
        // while(index !==-1){
        //     num++;
        //     index= sct.indexof('i',index+1);
        // }
        // console.log(num);

3.lastIndexOf(string,[index])

/ 2.lastindexof
// var str ="afgdtywgbfnjekagrn"
// console.log(str.indexOf('a',2));

4.slice(start,end)

 2.slice替换 
        // var arr='love chain';
        // // 下标（x，y）x为开始的位置从零开始，而y是结束为止正负都可以
        // console.log(arr.slice(1,-2));
        // console.log(arr.slice(0,4));

5.截取 substr(起始位置,[截取长度])

6.替换 replace('子字符串1','子字符串2')

 5.replace(a，b)
// var str='l liake huahua so lbuy many huahua';
// var str="wo-de-name-666";
// 单个替换huahua 只能换一个
// var newstr = str.replace('huahua','mike')
// 多个更换 通过/  /g来实现里面可以套任何东西
// var newstr = str.replace(/huahua/g,'mike')
// console.log(newstr);
// var arr=['1','2','3']
// // 通过join转换为字符串 
// var str=arr.join()
// // 通过正则运算将，装换为*
// var newarr =str .replace(/,/g,'*') 
// console.log(newarr);
// var str ='张总w王总l刘总q乔总'
// // 通过正则加【】和ig  i指所有的大小写不区分
// var newarr=str.replace(/[a-z]/ig,'')
// console.log(newarr);
// var arr='like mike';
// // 下标通过（）中数字获取该下标
// var newarr=arr.charAt(8)
// console.log(newarr);

8.转换大小写 toLowerCase() toUpperCase()

   <input type="text"  id="inp">
    <span>OLEti</span>
    <button id="btn">提交</button>


// 在inp框子输入大小写
// 提交
var abtn=document.querySelector('#btn');
// input框子的书写
var ainp=document.querySelector('#inp');
// SPAN输入内容0
var aspan=document.querySelector('span');
// 通过添加点击时间1. 转换大小写 toLowerCase() toUpperCase()
obtn.onclick = function(){
    var inp= ainp.value.toUpperCase();
    var yz=aspan.innerHTML.toUpperCase();
    if( inp==yz){
        console.log('验证成功');

    }else{
        console.log('验证失败');
     
    }
}

9.数组 split(分割符

// 1. 将字符串分割为数组 split(分割符,[返回数组的最大长度]) 分隔符：是一个字符串类型 或者是 正则表达式 返回值：数组
var arr="张三t里斯r王五p马六";
console.log(arr.split(/[0-9]/));
console.log(arr.split(/[a-z]/));

10.显示字符串效果 bold() 加粗 italics() 斜体 strike() 删除 fontcolor('#f00') 字符串颜色 fontsize(1-7) 字符串大小 sup() 上标标签 sub() 下标标签

var oFont = document.getElementById('font');
var val = oFont.innerText;
oFont.innerHTML = val.big().fontcolor('red').strike().fontsize(18);
// oFont.innerHTML = val.sub()console.log(val.sub());