[TOC]
# String对象的方法
## 1.length
字符串的**长度**
```
var str = "hello word";
console.log(str.length);//10
```
<br>
## 2.charAt(索引)
返回值是**指定索引位置的字符串**,**超出索引,结果是空字符串**
```
var str="hello word";
var result=str.charAt(1);
var result = str.charAt(100);//这个超出了输出空字符串
console.log(result);//输出空字符串
```
<br>
## 3.concat(字符串1,字符串2,...)
返回的是**拼接之后的新的字符串**
```
var str = "小明";
console.log(str.concat("喜欢", "凤姐", "这是", "真的"));
```
<br>
## 4.indexOf(要找的字符串,从某个位置开始)
返回的是第一次出现要查找字符串的**索引值**,**没找到返回-1**,第二个参数可以不要
```
var str = "我们今天真开心";
var index = str.indexOf("真",5);
console.log(index);//返回-1,因为从第5个开始后面就没有真,如果不写后面的5结果就是4正好是真的索引位置
```
<br>
## 5.lastIndexOf(要找的字符串,开始查找的位置)
返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索;找不到返回-1
查找位置是从右到左进行查找,索引编写还是从左向右从0开始编写
```
var str="hello word";
var index=str.lastIndexOf("o");
console.log(index);//返回结果7,从后面往前找到后面的那个o
```
<br>
## 6..replace("原来的字符串","新的字符串")
替换字符串
```
ar str = "小明真的好帅哦,真的好勇敢哦";
if(str.indexOf("帅") != -1){
str = str.replace("帅","丑");
}else{
console.log("不存在");
}
console.log(str);//小明真的好丑哦,真的好勇敢哦
```
<br>
## 7.slice(开始的索引,结束的索引)
从开始索引的位置开始提取,到结束索引的前一个结束(**不包括结束索引**)
```
var str = "如果有一天我邪恶了,请记住,我曾纯洁过";
//从索引5的位置开始提取,到索引为10的前一个结束,不包含第10个字符,并返回这个提取后的字符串
str=str.slice(5,10);
console.log(str);
```
<br>
## 8.split("以什么字符串拆分",拆分后留下的字符个数)
后面参数可以省略,直接**以什么字符串拆分**,把字符串以**指定的字符拆分成数组**
```
ar str="乔峰|慕容|凤姐|梅超风|小苏|大蛇丸";
var arr=str.split("|");
console.log(arr);//["乔峰", "慕容", "凤姐", "梅超风", "小苏", "大蛇丸"]
```
<br>
## 9.substr(开始的位置,个数)
返回的是**截取后的新的字符串,**个数也可以省略,就是**从什么位置开始截取到最后**
```
.var str="哈哈,小明真的是好帅哦";
str=str.substr(5,5);
console.log(str);//真的是好帅
```
<br>
## 10.substring(开始的索引,结束的索引)
返回截取后的字符串,**不包含结束的索引字符串**
```
var str="哈哈,小明真的是好帅哦";
str=str.substring(5,9);
console.log(str);
```
<br>
## 11..toLocaleLowerCase()
转小写字母
```
var str="HELLO";
str=str.toLocaleLowerCase();
console.log(str);
```
<br>
## 12.toLowerCase()
转小写
```
var str="HELLO";
str=str.toLowerCase();
console.log(str);
```
<br>
##13.toLocaleUpperCase()
转大写
```
var str="hello";
str=str.toLocaleUpperCase();
console.log(str);
```
<br>
## 14.toUpperCase()
转大写
```
var str="hello";
str=str.toUpperCase();
console.log(str);
```
<br>
## 15.trim()
删除两端空格,中间的空格是删除不了的
```
var str=" 哦,这 是一个神奇的一天 ";
str=str.trim();
console.log("===="+str+"====");
```
- Javascript
- 组成
- Web API
- 初步认识DOM
- 经典案例 (使用获取id的方法)
- 节点和元素
- 经典案例 (使用获取节点和元素的方法)
- 函数
- 作用域链
- Array对象的方法
- String对象的方法
- 绑定事件
- 事件委托
- 逻辑运算
- js高级(面向对象、)
- 基本知识
- 数据类型
- 基本包装类型的使用
- 定义变量的区别
- JavaScript对象的动态特性
- 关键字in
- 关键字delete
- 运算符
- 创建对象的方式
- 回调函数
- 高阶函数
- 构造器属性
- this指向
- hasOwnProperty属性
- 私有成员和特权方法
- 面向对象和面向过程的基础
- 异常捕获
- 构造函数和普通函数的区别
- 构造函数的补充
- 原型
- 原型图
- 获取原型对象的方法
- 原型对象的访问和设置
- 判断某个对象是否是指定实例对象的原型对象
- constructor
- isPrototypeOf
- instanceof
- 检测对象是公有还是私有
- 核心概念
- 继承
- 混入式继承
- 原型式继承
- 原型链继承
- 借用构造函数继承(call继承,经典继承)
- 组合式继承(推荐)
- class继承
- __ proto __属性
- call方法和apply方法
- Fuction相关知识
- 创建函数的方式
- eval函数
- 浅拷贝和深拷贝
- 浅拷贝
- 深拷贝
- Object相关知识
- Object原型属性和方法
- Object静态成员对象
- 案例
- 数组去重
- 闭包
- 语法
- DOM事件和闭包
- 定时器和闭包
- 即使对象初始化
- 闭包的变形
- 设计模式
- 单例模式
- 发布订阅模式(观察者模式)
- 工厂模式
- 命名空间模式
- 同步和异步
- 垃圾回收机制
- get和set
- JQuery
- 动画方法
- 事件
- 方法
- 节点
- 方法er
- HTML + CSS
- 经验
- flex布局
- px,em ,rem区别
- 清除浮动
- Less
- UI框架
- 一.Bootstrap框架
- 常用类名
- 二 .Animate.css
- 三.WOW.JS
- 四.scrollReveal.js
- 五.zepto框架
- zepto选择器
- 滑动事件
- tap触摸事件
- zepto动画
- 六,swipe框架
- 分页器
- 左右按钮和循环轮播
- 底部滚动和轮播方向
- 自动播放和切换效果
- 移入移除事件
- swipe结合animate.css
- 总结
- 滚滚屏
- 自动化构建工具
- 1.gulp
- 使用gulp编译less成css,并最终压缩css
- 压缩css
- 合并和压缩js
- 压缩图片
- 编写server服务
- 包管理器
- 介绍
- brew
- npm十全大补汤
- ES6
- class类
- class类的使用
- class类的继承结构
- let 和const
- 结构语法
- 模板字符串
- 化简写法
- 形参的默认值
- ...rest参数
- rest剩余参数
- 扩展参数
- 正则表达式
- 创建正则表达式的方式
- 构造函数
- 字面量的方式
- 其他(修饰符)
- 判断是否匹配成功
- 正则表达式案例
- 常见的匹配原则
- 验证密码长度
- 表单验证
- 正则提取
- 正则替换
- vue
- 插值操作
- Mustache语法
- 过滤器
- 绑定相关知识
- 绑定对象
- 单向绑定
- 双向绑定
- 绑定属性
- 动态绑定style
- 绑定事件
- 补充
- 绑定语法
- 基础
- vue介绍
- MVVM
- 计算属性
- 指令
- v-cloak
- 显示和隐藏
- 循环
- 自定义指令
- 本地缓存
- localStorage
- sessionStorage
- 对象劫持
- 组件
- 局部组件
- 父子组件
- 全局组件
- 组件访问实例数据
- 父传子
- 子传父
- 兄弟传兄弟
- 插槽
- methods,computed,watch的区别
- Vue.observable()
- vue.config.js配置
- 修饰符
- .sync修饰符
- $attrs和$listeners
- Node.js
- 使用Node执行js代码的两种方式
- 交互模式
- 解释js文件
- http模板
- request对象的使用
- express框架
- 安装
- post
- 获取请求参数
- post返回页面
- 重定向到别的接口
- get
- 返回页面
- get获取请求参数
- 请求静态资源
- 热重启
- Ajax
- 请求方式
- get请求
- post请求
- jQuery中的ajax方法
- JQuery中的get请求
- jQuery中的post请求
- 微信小程序
- 认识
- 引入样式的方式
- 绑定数据
- 小程序组件
- scroll - view 可滚动视图区域
- 发起请求
- template模板
- rich-text
- web-view
- open-data
- checkbox组件
- label组件
- radio组件
- picker组件
- swiper组件
- Git
- 跨域
- 左侧固定,右侧自适应
- vuex
- 如何解决vuex页面刷新数据丢失问题
- 数据结构
- 树
- 问题累积
- Axios
- 前端路由