JavaScript数组/字符串 操作

一、数组操作

• 数组提供的API

1.     push() 数组尾端添加元素
2.     unshift() 数组头部添加元素
3.     pop() 删除数组最后元素
4.     shift() 删除数组的第一个元素
5.     join() 把数组拼成一个字符串

console.log("-------------10------------------------")
        ///第一种定义数组的方式,利用"new"关键字创建实例
        var arr1 = new Array("red","green","blue")
        // 第二种定义数组的方式,利用"var"定义变量 接收数组
        var arr01 = ["red","green","blue"]
        console.log(arr1)
        console.log(arr01)
        
        //把数组变成字符串
        var res1 = arr1.join()
        var res2 = arr1.join("")
        console.log(res1)
        console.log(res2)
        //调用者: 数组
        //参数: 可选""||'' ,除了空字符串之外还可以传任意字符串将每个元素用传进的字符串拼接起来
        //返回值:字符串
        //功能: 把数组每个元素拼成一个字符串
        console.log("-------------2.0------------------------")

   6.     concat() 把数组合并到新数组

//concat()
        var arr2 = ['a','b','c']
        var arr3 = ['11','22','33']
        var res3 = arr2.concat(arr3)
        console.log(res3)
        //返回值: 合并之后的数组
        //功能: 合并数组

   7.     indexof() 判断数组是否包含指定元素

//indexof()
        var arr4 = ['xiaohong','xiaoming','xiaolan']
        console.log(arr4)
        var res4 = arr4.indexOf('xiaoming')
        var res5 = arr4.indexOf('2')
        console.log(res4)  //存在指定元素,返回该元素的索引值,如果存在多个,返回第一个的索引
        console.log(res5)  //不存在指定的元素,返回-1
        //if(arr4.indexof("xiaohong") > -1){ //存在 }
        //功能: 判断数组是否包含指定的元素

 8.      splice()  截取指定元素,并在原数组删除元素;插入元素(注意参数)

console.log("-------------4.0------------------------")
        
        //splice()
        var data = ["red","green","blue"]
        console.log(data)
        
        //参数: number类型  一个参数,表示索引值,从该索引值开始删除后面的元素
        var d1 = data.splice(1)
        //返回值: 是删除掉的元素
        console.log(d1)
        console.log(data)

        console.log("-------------5.0------------------------")
        
         //splice()
         var data2 = ["red","green","blue"]
        console.log(data2)
        
        //参数: number类型  二个参数的时候,
        //a.索引值(从哪开始删除) b.数量(删除个数,包括索引值元素)
        var d2 = data2.splice(1,1)
        //返回值: 是删除掉的元素
        console.log(d2)
        console.log(data2)

        console.log("-------------6.0------------------------")
        //splice()
         var data3 = ["red","green","blue"]
        console.log(data3)
        
        //参数: number类型  三个参数的时候,
        //a.索引值(从哪开始删除) b.数量  c.插入的元素
        var d3 = data3.splice(1,1,"小",'中')
        //返回值: 是删除掉的元素
        console.log(d3)
        console.log(data3)

        //功能: 可以删除元素,也可以插入元素(关键看如何传参)
        console.log("-------------10------------------------")

    9.    slice()  截取指定元素(参数1.开始索引值  参数2.结束索引值),原数组不变

<script>
        console.log("---------------1.0-----------------------")
        //slice(a) 裁剪数组的元素
        var arr1 = ['a','b','c','d']
        console.log(arr1,'原数组')
        //参数 : number类型  一个参数  表示索引值
        //a. 从该索引值开始(包括右边所有元素)
        var res1 = arr1.slice(1);
        console.log(res1,'返回值')
        console.log(arr1,'新数字')

        console.log("---------------2.0-----------------------")

        //slice(a,b)
        var arr2 = ['111','222','333','444','555','666']
        //参数: number类型  两个参数
        //a.开始的索引值   b.结束的索引值
        var res2 = arr2.slice(1,3);
        //返回值: 不包括结束的索引值
        console.log(res2);  //['222','333']

        console.log("---------------3.0-----------------------")
        
        //slice(-1)
        var arr3 = ['xiaohong','donghong','nandong','beijing']
        console.log(arr2,'原数组')
        //参数 : 负数   表示从数组后面开始截取元素(还是往后截)
        var res3 = arr3.slice(-2)
        console.log(res3,'返回值')
        console.log(arr3,'新数组')

        
        console.log("---------------4.0-----------------------")
        
        //slice(-1,-1)
        var arr4 = ['xiaohong','donghong','nandong','beijing']
        console.log(arr4,'原数组')
        //参数 : 负数   表示从数组后面开始截取元素
        var res4 = arr4.slice(1,-1)
        console.log(res4,'返回值')
        console.log(arr4,'新数组')


        //调用者: 数组
        //参数:a.开始的索引值,  b.负数(结束的位置,从数组的最后一个开始数)
        //返回值:一个数组,数组包含裁剪的元素
        //功能: 截取数组指定的元素
    </script>

 二、Date() 日期对象(原生对象)

 

• 日期对象 是一个包含许多关于时间的数据的集合
•     var dt = new Date()  创建实例(具体)
•     getXXX获取时间数据

1.         dt.getFullYear()  年份
2.         dt.getMonth() 月份
3.         dt.getDate()  日期
4.         dt.getDay()  星期几
5.         dt.getHours() 小时
6.         dt.getMinutes()  分钟
7.         dt.getSeconds()  秒钟
8.         dt.getMilliSecond()  毫秒
9.         dt.getTime()  时间戳（从现在起到1970.01.01 00:00:00的总秒数,getTime()返回的单位是毫秒）

•     setXXX 设置时间的数据

1.      dt.setTime(value)设置时间,
2.      dt.setYear(val)设置年,
3.      dt.setMonth(val)设置月,
4.      dt.setDate(val)设置日,
5.      dt.setDay(val)设置星期几,
6.      dt.setHours设置小时,
7.      dt.setMinutes(val)设置分,
8.      dt.setSeconds(val)设置秒 [注意:此日期时间从0开始计]

三、 字符串操作

1.     concat()  合并字符串

   //备注: 双引号或单引号包裹住的都是字符串
   
           var str1 = "hello"
   
           var str2 = 'world'
   
           //var str3 = str1 + str2  //字符串拼接
   
           var str3 = str1.concat(str2);  //合并字符串
   
           console.log(str3)
   
           console.log(str3.length)

    

2.     split()  切割字符串

   //split()
           //
           var str6 = "你好美,是臭美";
           var arr = str6.split(",")
           console.log(arr)
           var arr3 = str6.split("")
           console.log(arr3)
           var arr2 = str6.split("美",3)
           console.log(arr2)
           //调用者: str6
           //参数: 可以是空字符串,可以是指定的字符
           //a. 指定字符  b.长度
           //返回值: 数组
           //功能: 把字符串分割成数组

    

3.     .tostring()  转字符串数据类型
4.     .toLowerCase()  转小写字母
5.     .toUpperCase()  转大写字母
6.     slice()  截取字符

   //截取字符串的指定字符
           //slice()
           var str3 = "abcdefghijklmn"
           console.log(str3)
           //一个参数: 截取从该索引值开始的所有字符
           var res3 = str3.slice(2)
           //二个参数: a.开始的字符串索引, b.结束的字符索引值(左闭右开)
           var res4 = str3.slice(2,5);
           //如果参数是负数，表示从后面往前数，其他作用跟参数是正数一样
           console.log(res3)
           console.log(res4)

    

7.     substring()  截取字符

           //substring()
           //
           var str6 = 'hello,world!'
           console.log(str6)
           //参数: 一个参数的时候,表示开始的索引值
           var res6 = str6.substring(2);
           console.log(res6,'返回值')
   
           var str7 = 'hello,world!'
           console.log(str7)
           //二个参数: a.表示开始的索引值  b.结束的字符的索引值(左闭右开)
           var res7 = str7.substring(2,5);
           console.log(res7,'返回值')
   
   
           var res8 = str7.substring(-1);
           console.log(res8,'返回值')  //参数没有负值
   
           //结论: 除了参数没有负值之外,跟slice()是一样的

    

8.     substr()  截取字符

       //substr()
           var str9 = "todayisabadday";
           console.log(str9)
           //参数: 一个参数, 表示开始的索引值,截取该索引值(包括当前索引值字符在内)的后面的所有字符
           var res9 = str9.substr(2)
           //二个参数: a.表示开始的索引值  b.截取的长度
           var res10 = str9.substr(2,5)
           console.log(res9,'res9返回值') 
           console.log(res10,'res10返回值') 
   
           //参数: 负数
           //一个参数(负值),还是该字符串(从后往前数)后面的所有元素,
           var res11= str9.substr(-2)
           //二个参数 a.索引值(负数,从字符串的后边开始数)  b.截取的长度
           var res11= str9.substr(-2,1)
           console.log(res11,'res11返回值') 

    

9.     match()  匹配字符，用在正则表达式比较多

   //match
           //匹配字符
           var str2 = "yesterday";
           var res2 = str2.match('111')
           console.log(str2,"-->",res2) //null
           var res3 = str2.match('ter')
           console.log(str2,"-->",res3) //数组
   
           console.log("-------------------------1.0--------------")
   
           //正则  /\d/g  表示所有数字字符 0~9 
           var regx = /\d/g;
           var str4 = "11abc22def33"
           res4 =  str4.match(regx)
           console.log(str4,"-->",res4) //
           //
           //参数: 匹配的内容(正则表达式)
           //返回值: 数组
           //功能: 匹配字符串中的指定字符
           console.log("-------------------------1.0--------------")

    

10.     replace（）替换字符 

    var str = "hello world";
            var res = str.replace("hello","你好")
            console.log(str,"-->",res)
            //参数: a.被替换的字符, b.替换的内容
            //返回值: 替换新字符串之后的字符串
            //功能; 替换字符

     

11.     trim() 去掉字符串前后的空白字符

    /trim()
            var str5 = " hello today ";
            var res5 = str5.trim()
            console.log(str5.length,"-->",res5.length) //
            //功能: 去掉字符串的前后空白字符
            //参数: 无
            //返回值: 去掉字符串的前后空白字符 之后的新字符串
    

     

12.     charCodeAt()  返回索引值对应的字符的SCAII编码
13.     charAt()  返回索引值对应的字符

四、常用的Math 数学对象
  

1.     Math.floor(值)  向下取整
2.     Math.ceil(值)  向上取整
3.     Math.abs()  绝对值
4.     Math.round()  四舍五入
5.     Math.sin()  三角函数的正弦
6.     Math.cos()  三角函数的余弦
7.     Math.tan()  三角函数的正切
8.     Math.PI  圆周率