##前言
js中最常見的數據類型,使用最廣泛
## 對象屬性:
* length
## 常用的方法:
1. charAt() 制定位置的字符
1. replace() 替換字符
1. toLowerCase()小寫
1. concat() 字符連接
1. split() 根據分隔符分割
1. toUpperCase()大寫
1. indexOf() 檢索字符串
1. substring()獲取子字符串
1. search() 檢索與匹配值
1. formCharCode() 返回制定位置的字符
1. charCodeAt() 返回字符的指針
## es6拓展
* codePointAt
針對某些unicode編號大于0xffff的字符,js會認為它是兩個字符,不能正確解析,比如部分漢字。對于能夠正確解析的與charCodeAt方法相同的。
實踐:可以通過這個鑒別一個字符是兩個字節還是4個字節組成的。
~~~
function is32Bit(c){
return c.codePointAt(0)>0xFFFF;//4個字節組成的返回true ,其他返回false
}
~~~
* fromCodePoint()
與上面的方法作用相反,根據編碼返回漢字。
~~~
String.fromCodePoint(21513)//吉
var s="吉";
s.codePointAt(0)//21513
~~~
* 字符的unicode表示法
允許用‘\uxxxx’表示一個字符,其中xxxx代表字符的unicode的編號。
但是這種局限于在\u0000--\uffff之間的字符,超出這個范圍的字符必須用兩個雙字節來表示。
* 正則表達式的u修飾符(部分語法只有在谷歌的v8引擎支持)
es6對正則里的追加了這個字符,主要用來區分某些漢子的長度識別錯誤.比如:。
~~~
var s=String.fromCodePoint(134071);//
console.log(s.length);//2 實際只有一個漢字
var reg=/^.$/;
reg.test(s); //測試不通過 為兩個字符
var reg2=var reg=/^.$/u;
reg2.test(s); //測試通過 為1個字符
~~~
* contains ,startsWith,endsWith
contains() 返回布爾值,之前的方法是indexOf(),通過返回是否是-1來判斷是否有該字符。聯想如果沒有indexOf,也可以用正則的方式來判斷,只不過比較麻煩而已。
startsWith() 返回布爾值,表示參數字符串是否在源字符串的頭部
endsWith() 返回布爾值,表示參數字符串是否在源字符串的末尾
* repeat() 返回一個新字符串,將原來的字符串重復n遍
"sfcsc".repeat(n);
* 正則表達式的y修飾符
表示黏連,也就是第一個和第二個必須連在一起的,如果不滿足連在一起,只能返回第一個。
~~~
var s="aaa-aa-a";
var reg=/a+/g;
var reg2=/a+/y;
reg.exec(s)
reg2.exec(s)
~~~
* 模板字符串
增強版的字符串,用反引號標識,可以當做普通字符串標識,也可以定義多行字符串或者嵌入變量,用途:你在拼接字符串的時候針對變量可以直接用定義好的變量插入即可,避免了字符串的低效率拼接。
~~~
單行字符串
`sdvs``dbfdb`
多行字符串
`sfvrs
eevg`
嵌入變量
var doc='黎明';
var t=`${doc} is a good doctor`;
~~~
- 前端入門
- 前端入職須知
- 前端自我定位
- pc與手機頁面差別
- 前端書單
- 前端種子計劃
- 前端技術棧
- ps
- ps入門階段
- html
- html入門
- html代碼規范
- meta
- table
- iframe
- a標簽詳解
- image
- html代碼審查工具
- h5專題
- h5入門
- h5新增屬性
- canvas畫布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入門必學
- css代碼規范
- 項目字體規范
- css基本位置布局
- css常見樣式命名規則
- css代碼優化建議
- css常用樣式名
- css選擇器攻略
- css盒子模型的理解
- css屬性繼承與默認值
- css代碼審查工具
- css中常見的知識盲區
- css3新特性淺談
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技術
- 文本兩端對齊
- css之浮動解決方案
- css優化建議
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固寬&變寬布局
- 寬高固定比例的盒模型
- 樣式預處理語言
- less教程
- sass教程
- postcss教程
- js
- javascript入門
- js代碼規范
- js基礎拓展
- js代碼審查工具
- js性能優化
- js基本語句
- 基本運算
- 基本語句語法
- js對象
- es6入門
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入門
- jq核心思想
- jq基本語法
- jq插件庫匯總
- js常用技術
- break&continue區別
- js對日期轉換
- js控制運動-move.js
- 原生js-cookie語法
- ajax請求后回調
- 表單數據序列化
- zepto
- zepto入門
- 百度touchjs
- js編程
- 插件庫
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互組件
- layerjs
- java
- java入門
- java基本語句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入門
- git教程
- git入門
- git分支
- git-tag管理
- git注意事項
- git-torise入門
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容適配文檔
- pc端兼容bug匯總
- ie兼容bug匯總
- 手機兼容bug匯總
- web安全
- jeecms
- web存儲
- app/h5組件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域問題
- markdown教程
- 常用工具
- postman-api調試
- web常識
- 瀏覽器ua統計
- ui框架
- easyui
- bootstrap
- 入門推薦
- weui
- sui-pc
- sui-mobile
- layerUi