字符串的常用方法
let str = '12345'
console. log ( str. charAt ( 0 ) ) ;
charCodeAt 获取下标出的字符的Unicode码Unicode 给所有的字符指定了一个数字用来表示该字符
let str = '12345'
console. log ( str. charCodeAt ( 1 ) ) ;
let str = '12345'
console. log ( str. substring ( 0 , 2 ) ) ;
slice 根据下标返回指定字符串的一个片段,截取到第二个下标参数的前一个,只填写一个下标则默认截取到最后一个
let str = '12345'
console. log ( str. slice ( - 3 ) ) ;
console. log ( str. slice ( 0 , 4 ) ) ;
let str = '12345'
console. log ( str. indexOf ( 1 ) ) ;
split 根据字符串将字符串分割为子串,变为数组
let str1 = '123,456'
console. log ( str1. split ( ',' ) ) ;
let str = '12345'
console. log ( str. replace ( '1' , '9' ) ) ;
let str2 = 'LOL'
console. log ( str2. toLowerCase ( ) ) ;
let str3 = 'lol'
console. log ( str3. toUpperCase ( ) ) ;
下面就是数组的常用方法
join 用连接符将数组中所有元素转化为字符串并连接在一起,括号内为连接符,括号内为空则默认为逗号","
let arr = [ 'Hello' , 'world' ]
console. log ( arr. join ( ) ) ;
let arr = [ 'Hello' , 'world' ]
console. log ( arr. reverse ( ) ) ;
let arr1 = [ 1 , 2 , 3 , 5 , 6 , 4 ]
arr1. sort ( ( a, b ) => {
return a - b
} )
console. log ( arr1) ;
let arr1 = [ 1 , 2 , 3 , 5 , 6 , 4 ]
console. log ( arr1. concat ( [ 7 , 8 ] ) ) ;
slice 根据下标返回指定数组的一个片段或者子数组,截取到第二个下标参数的前一个,只填写一个下标则默认截取到最后一个
let arr1 = [ 1 , 2 , 3 , 5 , 6 , 4 ]
console. log ( arr1. slice ( 0 , 5 ) ) ;
splice 删除或者根据下标参数在数组中插入元素,第一个参数是下标,第二个是指定的个数,只填写一个下标则默认到最后一个
let arr2 = [ 1 , 2 , 3 , 4 , 5 ]
console. log ( arr2. splice ( 0 , 1 ) ) ;
console. log ( arr2. splice ( 2 ) ) ;
let arr3 = [ 1 , 2 , 3 , 4 ]
console. log ( arr3. pop ( ) ) ;
push 在数组尾部添加一个或多个元素,返回数组新长度
let arr4 = [ 1 , 2 , 3 ]
console. log ( arr4. push ( 4 , 5 ) ) ;
shift 删除数组头部的最后一个元素,返回删除的值
let arr4 = [ 1 , 2 , 3 , ]
console. log ( arr4. shift ( ) ) ;
unshift 在数组头部添加一个或者多个元素,返回数组新长度当多个参数时,参数时一次性插入,插入元素顺序不变
let arrayes = [ 1 , 2 , 3 , 4 , 5 ]
console. log ( arrayes . unshift ( [ 1 , 2 ] ) ) ;
console. log ( arrayes . unshift ( 1 , 2 ) ) ;
toString 将数组中所有元素转化为字符串并用逗号连接起来这里和不适用任何参数的join方法返回的字符串是一样的
let stringse= [ 1 , 2 , 3 , 4 , 56 ]
console. log ( stringse. toString ( ) ) ;
toLocaleString toString 的本地化版本(可以自定义连接符)
let arr5 = new Date ( )
console. log ( arr5. toLocaleString ( ) ) ;
forEach 遍历数组,无法在所有元素传递给调用的函数之前终止遍历,for循环可以用break ,并没有返回值
let arr6 = [ 1 , 2 , 3 ]
arr6. forEach ( function ( item, index, err ) {
console. log ( item, index)
console. log ( err)
} )
es6 简写-用(参数)=>{} 代替function(){}
let arr6 = [ 1 , 2 , 3 ]
arr6. forEach ( ( item1, index1 ) => {
console. log ( item1, index1)
} )
map 也可循环遍历数组,返回的是函数组成的新数组。更多用于对数组或对象重新操作赋值等,我们可以对数组操作,获取所有数组对象中某个字段-如city
let list = [
{
"name" : "花疼" ,
"city" : "深圳" ,
} , {
"name" : "马云" ,
"city" : "杭州" ,
} , {
"name" : "建林" ,
"city" : "万达" ,
}
]
var newErr = list. map ( item => {
return item. city
} )
console. log ( newErr)
filter 筛选过滤方法,在vue中也有filters :{}局部过滤 和全局过滤 Vue.filter 比如我们可以通过下面数据过滤出邮箱为 nz@qq.com
var person = [ "zn@qq.com" , "nz@qq.com" , "zi@qq.com" ] ;
var newPerson = person. filter ( item => {
console. log ( item)
return item. indexOf ( 'nz' ) != - 1
} )
console. log ( newPerson)
indexOf 搜索整个数组中具有给定值得元素,返回第一个元素的索引,找不到就返回-1
let sun = [ 0 , 1 , 2 , 3 ]
console. log ( sun. indexOf ( 4 ) ) ;
lastIndexOf () indexOf 是从头到尾查找,而lastIndexOf 是反向查找
let sun = [ 0 , 1 , 2 , 3 ]
console. log ( sun. lastIndexOf ( 1 ) ) ;
every 数组中的每一项元素,都符合设定的条件,返回true ,否则返回false 。相当于逻辑与&&,同真为真,同假为假,一假为假。
var inputs3 = document. querySelectorAll ( 'input' ) ;
var iptEvery = [ ... inputs3] . every ( item => {
return item. checked
} )
console. log ( iptEvery)
some 数组中的有一项元素,有一项为真,返回true 。相当于逻辑或||,同真为真,同假为假,一真为真。
var inputSome = [ ... inputs3] . some ( item => {
return item. checked
} )
console. log ( inputSome) ;
数组归并方法 reduce(function(prev,cur,index,array){} ,传递给函数的初始值[可选]) 参数:上一个值,当前值,索引,整个数组 。该方法从数组的第一项开始,逐个遍历到最后一项。 应用场景: 数组求和
var err1 = [ 8 , 2 , 3 , 4 ] ;
var res = err1. reduce ( ( prev, cur ) => {
console. log ( prev, cur)
return prev + cur
} , 0 )
console. log ( res)
let num = [ [ 0 , 1 ] , [ 2 , 3 ] , [ 4 , 5 ] ]
console. log ( num. flat ( ) ) ;
let num1 = [ [ 0 , 1 ] , [ 2 , 3 ] , [ 4 , [ 5 , 6 , 7 ] ] ]
console. log ( num1. flat ( Infinity ) ) ;
includes 判断数组是字符包含指定的值 ,返回布尔
let num2 = [ 1 , 2 , 3 , 4 ]
console. log ( num2. includes ( 1 ) ) ;
console. log ( num2. includes ( 5 ) ) ;