网站前端_JavaScript-基础入门.0013.JavaScript包装类型

喜欢ヅ旅行 2022-01-13 18:41 170阅读 0赞

简单介绍:

说明: 为了便于操作基本类型值,Js提供了3个特殊的引用类型:Boolean, Number, String,实际每当读取一个基本类型变量,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据

--------------------

/*
     * 包装类型
     * 相当于
     * var str = new String('i love you')
     * var res = str.substring(2)
     * str = null
     */
    var str = 'i love you'
    var res = str.substring(2)

--------------------

说明: 引用类型和包装类型的最大区别就是对象的生存期,使用new操作符创建的引用类型实例,在执行流离开当前作用域之前一直保存在内存中,而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间然后立即被销毁,这就意味着我们不能在运行时为基本类型值添加属性和方法

转型实例:

注意: 使用new调用基本包装类型的构造函数与直接调用同名的转型函数是不一样的,如var num = Number(val),变量num中是基本类型的val,而var numObj = new Number(val)中变量numObj是Number实例,Js对于每个基本包装类型都提供了相应的操作方法

Boolean类型:

说明: Boolean类型没有特定的属性或方法

Number类型:

说明: Number类型有一些静态属性(直接通过Number调用的属性,而无视new运算符)和方法

<table> 
 <tbody> 
 <tr> 
 <td colspan="2" style="color:rgb(0,0,0);">静态属性</td> 
 </tr> 
 <tr> 
 <td>MAX_VALUE</td> 
 <td>表示最大数</td> 
 </tr> 
 <tr> 
 <td>MIN_VALUE</td> 
 <td>表示最小值</td> 
 </tr> 
 <tr> 
 <td>NaN</td> 
 <td>非数值</td> 
 </tr> 
 <tr> 
 <td>NEGATIVE_INFINITY</td> 
 <td>负无穷大,溢出返回该值</td> 
 </tr> 
 <tr> 
 <td>POSITIVE_INFINITY</td> 
 <td>无穷大,溢出返回该值</td> 
 </tr> 
 <tr> 
 <td>prototype</td> 
 <td>原型.用于增加新属性和方法</td> 
 </tr> 
 <tr> 
 <td colspan="2">对象方法</td> 
 </tr> 
 <tr> 
 <td>toString()</td> 
 <td>将数值转化为字符串,并且可以转换进制</td> 
 </tr> 
 <tr> 
 <td>toLocaleString()</td> 
 <td>根据本地数字格式转换为字符串,数值以三位分割逗号隔开</td> 
 </tr> 
 <tr> 
 <td>toFixed()</td> 
 <td>将数字保留小数点后指定位数并转化为字符串,以正常浮点数表示</td> 
 </tr> 
 </tbody> 
</table>

String类型:

<table> 
 <tbody> 
 <tr> 
 <td colspan="2" style="color:rgb(0,0,0);">对象属性</td> 
 </tr> 
 <tr> 
 <td>length</td> 
 <td>返回字符串的字符长度</td> 
 </tr> 
 <tr> 
 <td>constructor</td> 
 <td>返回创建 String 对象的函数</td> 
 </tr> 
 <tr> 
 <td>prototype</td> 
 <td>通过添加属性和方法扩展字符串定义</td> 
 </tr> 
 <tr> 
 <td colspan="2">静态方法</td> 
 </tr> 
 <tr> 
 <td>fromCharCode(ascii)</td> 
 <td>静态方法，输出 Ascii 码对应字符</td> 
 </tr> 
 <tr> 
 <td>localeCompare(str1,str2)</td> 
 <td>比较两个字符串,并返回相应的值 1/0/-1</td> 
 </tr> 
 <tr> 
 <td colspan="2">字符方法</td> 
 </tr> 
 <tr> 
 <td>charAt(n)</td> 
 <td>返回指定索引位置的字符</td> 
 </tr> 
 <tr> 
 <td>charCodeAt(n)</td> 
 <td>以 Unicode 编码形式返回指定索引位置的字符</td> 
 </tr> 
 <tr> 
 <td colspan="2">对象方法</td> 
 </tr> 
 <tr> 
 <td>concat(str1...str2)</td> 
 <td>将字符串参数串联到调用该方法的字符串</td> 
 </tr> 
 <tr> 
 <td>slice(n,m)</td> 
 <td>返回字符串 n 到 m 之间位置的字符串</td> 
 </tr> 
 <tr> 
 <td>substring(n,m)</td> 
 <td>返回字符串 n 到 m 之间位置的字符串</td> 
 </tr> 
 <tr> 
 <td>substr(n, m)</td> 
 <td>返回字符串 n 开始的 m 个字符串</td> 
 </tr> 
 <tr> 
 <td>indexOf(str, n)</td> 
 <td>从 n 开始搜索的第一个 str，并将搜索的索引值返回,如果没有找到返回-1</td> 
 </tr> 
 <tr> 
 <td>lastIndexOf(str, n)</td> 
 <td>从 n 开始搜索的最后一个 str，并将搜索的索引值返回, 如果没有找到返回-1</td> 
 </tr> 
 <tr> 
 <td>toLowerCase(str)</td> 
 <td>将字符串全部转换为小写</td> 
 </tr> 
 <tr> 
 <td>toUpperCase(str)</td> 
 <td>将字符串全部转换为大写</td> 
 </tr> 
 <tr> 
 <td>toLocaleLowerCase(str)</td> 
 <td>将字符串全部转换为小写，并且本地化</td> 
 </tr> 
 <tr> 
 <td>toLocaleupperCase(str)</td> 
 <td>将字符串全部转换为大写，并且本地化</td> 
 </tr> 
 <tr> 
 <td>match(pattern)</td> 
 <td>返回 pattern中的子串或 null</td> 
 </tr> 
 <tr> 
 <td>replace(pattern, replacement)</td> 
 <td>用 replacement 替换 pattern</td> 
 </tr> 
 <tr> 
 <td>search(pattern)</td> 
 <td>返回字符串中 pattern 开始位置</td> 
 </tr> 
 <tr> 
 <td>split(pattern)</td> 
 <td>返回字符串按指定 pattern 拆分的数组,如果pattern为''可以把字符串转换为字符数组</td> 
 </tr> 
 <tr> 
 <td colspan="2">HTML方法</td> 
 </tr> 
 <tr> 
 <td colspan="2"><a style="text-decoration:underline;font-size:10px;font-family:'andale mono';" href="http://www.w3school.com.cn/js/js_obj_string.asp" rel="nofollow">http://www.w3school.com.cn/js/js_obj_string.asp</a></td> 
 </tr> 
 </tbody> 
</table>

var flag = 'xx'
    var posArr = []
    var strs = 'xxooxxooxxooxxooxxooxxo'
    // 首先获取字符串第一次出现位置
    var firstPos = strs.indexOf(flag, 0)
    // 如果查找不到就break
    while(firstPos != -1){
        // 先打印子字符串然后再获取位置
        console.log(strs.substr(firstPos, flag.length))
        firstPos = strs.indexOf(flag, firstPos+flag.length)
    }

--------------------

转载于:https://blog.51cto.com/xmdevops/1851416