字符串常用的方法
字符串的平常的方法,返回的是新的字符串,并不是在字符串上进行更改
String
var str = new String()
console.log(str)
CharAt
调用方法,返回指定下标的字符串
var str = 'hallow world'
console.log(str.charAt(2))
//console.log的值为l,就像 array的下标一样,从0开始 进行计算的
indexof
参数为想要确定是否 存在的下标,存在则返回开始下标,不存在返回-1
var str = 'hallow world'
console.log(str.lastIndexOf('ha')) //0
lastIndexOf
从后往前进行检索, 存在 返回下标索引值(依然是从前往后数的下标值),不存在返回-1
var str = 'hallow world'
console.log(str.indexof('ha'))
//console.log的值为0,下标依然从0开始计算
slice
截取字符串,两个参数,开始下标,结束下标,下标值都是从0进行计算
var str = 'hallow world'
console.log(str.slice(2,5))//llo
search
查询字符换 ,存在返回 下标索引(从一开始计算,与indexof不同点 ),不存在返回-1
var str = 'hallow world'
console.log(str.search(‘y’))//-1
replace
顾名思义,指定字符串进行替换
var str = 'hallow world'
console.log(str.replace('ha','ljl'))
//console.log的值为ljlllow world
还可以 进行搭配别的进行使用
let newstr = str.replace(str.slice(2,5),'ljl')
console.log(newstr)//haljlw world
split
将字符串转换成数组,以什么为标识进行拆解
var str = 'hallowworld'
console.log(str.split('')) // ["h", "a", "l", "l", "o", "w", "w", "o", "r", "l", "d"]
//上例就是 以空格为标识进行拆解
concat
合并字符串,对两个或以上 的字符串 进行合并
var str = 'hallowworld'
console.log(str.concat('dasdas')) //hallowworlddasdas
以上就是字符串常用 方法,用不足的欢迎补充
数组的常用方法
pop,shift,unshift,push
var arr = [1,2,3,4,5,6]
//在 数组的末尾进行添加新的数据
arr.push(7) //[1, 2, 3, 4, 5, 6, 7]
//在数组的开头进行删除最后一个
arr.shift() // [2, 3, 4, 5, 6, 7]
//在数组的第一个进行添加 新的数据
arr.unshift(7) //[7, 2, 3, 4, 5, 6, 7]
//在数组的末尾进行删除数据
arr.pop() //[7, 2, 3, 4, 5, 6]
console.log(arr)
//以上都是一起执行的
concat
进行数组的合并,参数为要拼接的数组 ,返回值为新的结合数组
var arr = [1, 2, 3, 4, 5, 6]
let res = arr.concat([1,2,3,4])
console.log(res) //[1, 2, 3, 4, 5, 6, 1, 2, 3, 4]
fill
意为填充,full(filler,start,end) filler为会用谁进行填充,start被填充的起始下标(包括),end结束下标(不包括)
var arr = [1, 2, 3, 4, 5, 6]
let res = arr.fill(1,2,4)
console.log(res) //[1, 2, 1, 1, 5, 6]
join,reverse,sort,splice,slice,
var arr = [1, 2, 3, 4, 5, 6]
//将数组转化为字符串
let res = arr.join()
let res = arr.sort((a, b) => a - b)
console.log(res, typeof res) //1,2,3,4,5,6 string
// 向/从数组中添加/删除项目,然后返回被删除的项目 ,会改变原始数组
let res = arr.splice(index, del, 1)
// index为添加的位置,del为删除的位置,0则是不删除,1为添加项
let res = arr.splice(2, 0, 'das') //[1, 2, "das", 3, 4, 5, 6]
// 截取数组,一个参数时,从第几位截取到最后,两位的时候,从谁起到谁结束,包括结束
let res = arr.slice(2, 4) //3,4
// 翻转数组
let res = arr.reverse()
console.log(res) //[6, 5, 4, 3, 2, 1]
Map
返回值为一个新数组 ,可以数组进行操作 ,配合es6的新语法会更爽 ,箭头函数
var arr = [1,2,3,4,5,6]
// let newArr = arr.map(function(item){return item * 2})
let newArr = arr.map(item => item * 2)
console.log(newArr)
//[2, 4, 6, 8, 10, 12]
Filter
返回符合条件的数组
var arr = [1, 2, 3, 4, 5, 6]
let newArr = arr.filter(item => item > 2)
console.log(newArr)
//[3, 4, 5, 6]
Every
每一项舒服都符合条件,如果是,就返回true,否则false
var arr = [1, 2, 3, 4, 5, 6]
let newArr = arr.every(item => item > 2)
console.log(newArr) //false
some
如果其中一项符合条件就 返回 true,否则返回 false
var arr = [1, 2, 3, 4, 5, 6]
let newArr = arr.some(item => item > 2)
console.log(newArr) //true
find
返回符合条件的第一个值
var arr = [1, 2, 3, 4, 5, 6]
let res = arr.find(item => item > 5)
console.log(res) //6
findIndex则返回第几个,起始值为 1
reduce
相当于一个函数累加器,接受一个回调函数的结果,然后将前一次的函数结果再和下一次的数据再次执行此回调函数.
reduce(function(上一次的值,当前值,index,array){
所进行的计算
});
[1,2,3,4,5].reduce(function(a,b){return a+b;});
var arr = [1, 2, 3, 4, 5, 6]
var res = arr.reduce((a,b) => a + b)
console.log(res) //21
var arr = [{
age: 18
},{
age: 21
},{
age: 32
}]
var allAge = arr.map(item => item.age).reduce((a, b) => a + b)
console.log(allAge) //71 属性值的雷类型 值得关注
数组的for循环
简单的for
简单的进行遍历,可以进行相应的操作,把这个归为数组的方法就是想做个对比
var arr = [1,2,3,4,5,6]
for (var i = 0; i < arr.length; i++) {
console.log(arr[i])
//1,2,3,4,5,6
}
for in
主要用于对象的遍历,我只是为了方便记忆和比较进行 合并了(* ̄︶ ̄)
var obj = {
name: '二狗子',
age: 18,
address: 'usa'
}
for (const key in obj) {
console.log('属性为>>>' + key + '-----属性值为' + obj[key])
//属性为name-----属性值为二狗子
//属性为age-----属性值为18
//属性为address-----属性值为usa
}
for of
for…of循环可以作为遍历所有数据结构的统一的方法。
for…of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象(比如arguments对象、DOM NodeList 对象)、后文的 Generator 对象,以及字符串。
var arr = ['a', 'b', 'c', 'd'];
for (let a in arr) {
console.log(a); // 0 1 2 3
}
for (let a of arr) {
console.log(a); // a b c d
}
//上面代码表明,for...in循环读取键名,for...of循环读取键值。
//如果要通过for...of循环,获取数组的索引,
//可以借助数组实例的entries方法和keys方法