字符串String
length属性可以获取字符串的长度
1.charAt()
根据索引获取字符串中的某个字符
2.charCodeAt()
返回指定位置字符的 unicode编码
fromCharCode()
返回unicode编码对应的字符
fromCharCode() 使用方法 var num6 = String.fromCharCode(97+num2)
3.indexOf()
返回指定字符在字符串中【首次】出现的位置
注意：如果字符串中没有该字符，indexOf()方法返回的值是 -1
lastIndexOf()
返回指定字符在字符串中【末次】出现的位置
4.includes()
判断某个字符串中是否包含某个字符
5.replace()
替换第一个
替换字符，返回替换之后的新字符串
replaceAll()
全局替换
6.slice(startIndex,endIndex)
截取字符串片段
包含starIndex 不包含 endIndex
substr(startIndex,length)
7.split()
根据指定字符，将字符串分割为数组
8.trim()
去除字符串两端的空格 返回一个新的字符串
9.toLowerCase()
把字符串转换为小写 返回一个新的字符串
toUpperCase()
把字符串转换为大写
升序和降序
let arr = [1,5,9,6,4,7,2,5,8]
arr.sort((a,b)=>{
return b-a //b-a 是降序 a-b是升序
})
console.log(arr);
Vue检测数据的原理
1.vue会监视data中所有层次的数据
2.如何检测对象中的数据
通过setter 实现监视 且要在new Vue时就传入要检测的数据
(1)对象中后追加的属性 Vue默认不做响应式处理
(2)如需要给后添加的属性做响应式 请用如下API
Vue.set(target,propertyName/index,value)或
vm.$set(target,propertyName/index,value)
3.如何检测数组中的数据
通过包裹数组更新元素的方法实现 本质就做了两件事
(1)调用原生对应的方法对数组进行更新
(2)重新解析模板 进而更新页面
4.在Vue修改数组中的某个元素一定要如以下方法
1.使用这些API
push(),pop(),shift(),unshift(),splice(),sort(),reverse()
2.Vue.set() 或 vm.$set()
<button @click="student.age++" >年龄+1</button>
<button @click="addSex">添加性别属性 默认值 男</button>
<button @click="student.sex = '未知'">修改性别</button>
<button @click="addFriend"> 在列表首位添加一个朋友</button>
<button @click="updateFirstFriendName">修改第一个朋友的名字为 张三</button>
<button @click="addHobby">添加一个爱好</button>
<button @click="updateHobby">修改第一个爱好为 开车</button>
methods: {
addSex(){
this.$set(this.student,'sex','男')
},
addFriend(){
this.student.friends.unshift({name:'jonut',age:99})
},
updateFirstFriendName(){
this.student.friends[0].name='张三'
},
addHobby(){
this.student.hobby.push('跑步')
},
updateHobby(){
// this.student.hobby.splice(0,1,'开车')
// Vue.set(this.student.hobby,'0','开车')
vm.$set(this.student.hobby,'0','开车')
}
},
