Arr和String

最新推荐文章于 2024-08-25 09:57:22 发布

垫底菜鸡

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量114

点赞数

分类专栏：前端文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_52600282/article/details/128150192

版权

前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*数组常用方法*/
    let ArrListOne=['张三','李四','王五','老六','田七','老八','阿九']
    let ArrListTwo=['One','Two','Three','Four','Five','Six','Seven','Eight','Nine']

    //.concat()合并两个数组
    console.log(ArrListOne.concat(ArrListTwo))// ['张三', '李四', '王五', '老六', '田七', '老八', '阿九', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine']
    document.write(ArrListOne.concat(ArrListTwo)) //张三,李四,王五,老六,田七,老八,阿九,One,Two,Three,Four,Five,Six,Seven,Eight,Nine

    //find()筛选数组内部的元素   通过函数去筛选
    function FindTest(ArrListOne){
        return ArrListOne=='张三'
    }
    console.log(ArrListOne.find(FindTest))  //张三
    //findIndex()   筛选数组内部的元素索引
    console.log(ArrListOne.findIndex(FindTest))  //0

    //forEach() 操作数组里面的每一项
    ArrListOne.forEach(function (tiem,index,ArrListOne) {
        console.log(tiem+'forEach') //张三forEach 李四forEach 王五forEach 老六forEach  田七forEach 老八forEach 阿九forEach
    })

    //Array.from()把一个对象变成数组
    console.log(Array.from('abcdefg'))  //['a', 'b', 'c', 'd', 'e', 'f', 'g']


    //indexof() 返回数组中元素存在的索引
    console.log(ArrListTwo.indexOf('Six'))  //5

    //join() 数组变成字符串
    console.log(ArrListOne.join())//张三,李四,王五,老六,田七,老八,阿九

    //map() 操作数组的每一项 返回操作以后的数组
    console.log(ArrListOne.map(function (tiem,index,arr) {
       return  tiem+55
    })) //['张三55', '李四55', '王五55', '老六55', '田七55', '老八55', '阿九55']


    // push() 向数组尾部添加元素
    console.log(ArrListOne.push('我是添加的元素'),ArrListOne)  //  8 (8) ['张三', '李四', '王五', '老六', '田七', '老八', '阿九', '我是添加的元素']
    // pop()  删除数组尾部的元素
    console.log(ArrListTwo.pop(),ArrListTwo) //Nine (8) ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight']


    //unshift() 数组前面添加元素
    console.log(ArrListOne.unshift('我是头部添加的元素'),ArrListOne)  //9 (9) ['我是头部添加的元素', '张三', '李四', '王五', '老六', '田七', '老八', '阿九', '我是添加的元素']
    // shift()  删除数组的第一个元素
    console.log(ArrListTwo.shift(),ArrListTwo)  //One (7) ['Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight']


    // reverse() 数组的反转
    console.log(ArrListOne.reverse()) //(9) ['我是添加的元素', '阿九', '老八', '田七', '老六', '王五', '李四', '张三', '我是头部添加的元素']



    //slice() 截取数组 (开始位置,结束位置]
    console.log(ArrListTwo.slice(0,3))  //['Two', 'Three', 'Four']

    //splice()  向数组添加或者删除元素 第二个参数是数字的时候就是添加元素 第一个参数是添加元素它的索引下标  第三个参数就是添加的元素
    console.log(ArrListTwo.splice(1,0,'splice添加的元素'),ArrListTwo) // ['Two', 'splice添加的元素', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight']
    console.log('00'+ArrListTwo.splice(3),ArrListTwo)  //['Two', 'splice添加的元素', 'Three']  从索引为3的位置删除到尾







    let StringOne='qwe as dzxc';
    let StringTwo='库兹马'
    //charAt()通过索引返回字符串
    console.log(StringOne.charAt(0));  // q

    //concat() 连接两个或者多个字符串
    console.log(StringTwo.concat(StringOne));//库兹马qweasdzxc

    //indexOf() 返回当前字符串的索引
    console.log(StringTwo.indexOf('马')) // 2

    //replace()  替换字符串 中的子串
    console.log(StringOne.replace(/as/g,'替换了AS')) //qwe 替换了AS dzxc

    //search() 找到满足正则表达式的子字符串 返回开始的索引
    console.log(StringOne.search(/dzxc/g)) //7

    //slice() 截取字符串片段  第一个参数开始的索引  第二个参数结束的索引（注意不包括结束索引）
    console.log(StringTwo.slice(0,1)) //库

    //split() 将字符串切割成数组
    console.log(StringTwo.split('')) //  ['库', '兹', '马']

    //substr() 截取字符串从0开始截取 截取长度为5
    console.log(StringOne.substr(0,5)) //qwe a

    //substring() 截取两个索引之间的字符串
    console.log(StringOne.substring(0,6)) //qwe as

    //字符串大写  toUpperCase()
    console.log(StringOne.toUpperCase()) //QWE AS DZXC



</script>

</body>
</html>