[TOC]
# 1. 字符串的方法
> Tip :字符串是基本類型,基本類型沒有方法,字符串沒有方法,只是底層做了封裝
## 增
### 1.1 `concat` 增加的方法
```
var newStr = str.concat(123);
console.log(newStr)
console.log(str.length) // 沒改變,11
console.log(str.charAt(0))
```
## 刪
### 1. slice
```
stringObject.slice(start,end)
var a = "hello world";
var b = a.slice(0,2);
console.log(b); //”he”
```
## 改
### 1. replace 替換
```
var str = "hello world"
//replace() 替換
console.log(str.replace("l","*"));
```
## 查
### 1. `indexOf` 檢索字符串出現的位置
> 如果檢索字符沒有,返回 -1
```
var str = "hello world";
console.log(str.indexOf("o"));//4
console.log(str.lastIndexOf("r"))//8
console.log(str.lastIndexOf("o"))//7
```
### 2. `length` 獲取字符串的長度
```
var str = "hello world";
console.log(str.length) // 11
```
### 3. `search `搜索值的下標
### 4. `match` 被搜索到的值返回一個數組
```
var str = "hello world"
// search(value) -->返回搜索值的下標
console.log(str.search("l"));
//match(value) --> 被搜索到的值返回一個數組
console.log(str.match("l"))
```
### 5. 查詢 slice/substr/substring
```
var str = "hello world"
//獲取局部
console.log(str.slice(0)); //hello world
console.log(str.substr(1,3)) //ell
console.log(str.substring(0,4)) //hell
```
### split將字符串分割成數組
```
// split(separator) -->將字符串分割成數組
var arr = str.split("");
var arr1 = str.split(" ");
var arr2 = str.split("1");
console.log(arr);
console.log(arr1);
console.log(arr2)
```
### 6. charAT() 獲取指定下標的字符
> 請注意,JavaScript 并沒有一種有別于字符串類型的字符數據類型,所以返回的字符是長度為 1 的字符串。
```
var str="Hello world!"
document.write(str.charAt(1))
```
## 字符串模板
```
var a = 10;
var c = 20;
var b = `hel${a}l
${c}o`;
console.log(b);
```
- 效果實例
- 1.點擊增加高度
- 2.tab頁面切換
- 3. 列表切換
- 4. 隔行變色
- 5. swiper 輪播
- 6.vue
- 7.定時器
- 8. 向表格中添加數據
- 9 瀑布流
- 1.JavaScript基礎
- 1. 變量
- 2. 調試
- 3.數據類型
- 4.轉換
- 5.控制語句
- 6.運算
- 7. this
- 8 JSON對象和javascript對象的相互轉換
- 2.JavaScript的控制語句
- 1. 基本控制語句
- 2.節點
- 2.1DOM補充
- 3. 函數
- js的模塊化如何解決
- 不知道有什么用的
- 4.數組
- 5. String
- 補充
- 6.Ajax
- 1. 原生Ajax
- 2. HTTP/get/post
- 3.jQuery-Ajax
- 4.跨域
- 5.axios
- 6.封裝
- Ajax效果
- ajax補充
- 7. 正則
- 1.創建正則表達式
- 2. 正則的api
- 3.正則語法
- 4.例子
- 量詞
- 8.面向對象
- 1.原型
- ES6
- 模塊化
- 1.回調地獄
- 什么是回調地獄
- 簡單封裝
- promise解決回調地獄
- generator解決回調地獄
- async解決回調地獄
- 2.封裝
- Ajax,promise
- JavaScript難點
- 1. 閉包/作用域
- 2.原型鏈
- 3. 兼容性
- 適配
- JavaScript小效果
- 字符串截取