JavaScript(函数对象及其使用方法)

js中的函数对象

数组 Array

数组方法

toString() 转换成字符串

 <script>
        var arr = ['a','b','c','d']
        var b =  arr.toString()
        console.log(b)//a,b,c,d
 </script>

join() 可设置字符将数组中的连接返回字符拼接的字符串

 <script>
        var arr = ['a','b']
        var b = arr.join('#')
        console.log(b)//结果:a#b
 </script>

push() 在数组的尾部添加值

 <script>
        var arr = ['a','b']
        var b =  arr.push('bb')
        console.log(b)//3
        console.log(arr)//['a','b','bb']
 </script>

pop() 删除数组末位的值

 <script>
        var arr = ['a','b']
        var b =  arr.pop()
        console.log(b)//b
        console.log(arr)//['a']
 </script>

shift() 删除数组首位的值

 <script>
        var arr = ['a','b']
        var b =  arr.shift()
        console.log(b)//a
        console.log(arr)//['b']
 </script>

unshift() 在数组首位添加值

 <script>
        var arr = ['a','b']
        var b =  arr.unshift('bbb')
        console.log(b)//3
        console.log(arr)// ["bbb", "a", "b"]
 </script>

splice() 插入或删除或替换数组中的值

• 插入

 <script>
        var arr = ['a','b']
        var b =  arr.splice(1,0,'c','cc')
        console.log(b)//[]
        console.log(arr)//["a", "c", "cc", "b"]
 </script>

• 删除

 <script>
        var arr = ['a','b']
        var b =  arr.splice(1,1)
        console.log(b)//['b']
        console.log(arr)//["a"]
 </script>

• 替换

 <script>
        var arr = ['a','b']
        var b =  arr.splice(1,1)
        console.log(b)//['b']
        console.log(arr)//["a", "ccc"]
 </script>

slice() 截取字符串 可以负值

 <script>
         var arr = ['a','b','c','d']
        var b =  arr.slice(1)
        console.log(b)//["b", "c", "d"]
 </script>

 <script>
         var arr = ['a','b','c','d']
        var b =  arr.slice(1，3)
        console.log(b)//["b", "c"]
 </script>

concat() 数组拼接值

• 数组拼接数组

 <script>
       var arr = ['a','b']
        var brr = ['b','c']
        var b =  arr.concat(brr)
        console.log(b)//['a','b','b','c']
 </script>

• 数组拼接值

 <script>
       var arr = ['a','b']
        var b =  arr.concat('b')
        console.log(b)//['a','b','b']
 </script>

length 查看数组的长度

 <script>
      var arr = ['a','b','c','d','e','f','g']
       console.log(arr.length)//7
 </script>

数组的排序

冒泡排序

 <script>
      var brr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
       var min = 0
       for(var j = 0 ;j<brr.length-1;j++){
        for(var i = 0 ; i<brr.length-j;i++){
         if(brr[i]<brr[i+1]){
            min = brr[i]
            brr[i] = brr[i+1]
            brr[i+1] = min
         }
        }
       }
       console.log(brr)
 </script>

sort()

 <script>
       var brr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
       brr.sort(function(a,b){
           return b-a
       })
       console.log(brr)
 </script>

 <script>
       var brr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
        brr.sort((a, b)=>{b-a})
       console.log(brr)
 </script>

reverse() 反转数组内容

 <script>
       var brr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
       brr.reverse()
       console.log(brr)
 </script>

Math.max.call()/Math.max.apply()

 <script>
       var brr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
       var b = Math.max.apply(null,brr)
       console.log(b)//9
 </script>

 <script>
       var brr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
      var b = Math.max.call(null,1,2,3)
       console.log(b)//
 </script>

数组最大最小值

 <script>
      var arr = [1,2,3,4,5,6]
       var max = 0
       for(var i = 0 ;i<arr.length;i++){
           if(arr[i]>max){
               max = arr[i]
           }
       }
 </script>

 <script>
       var arr = [1,2,3,4,5,6]
       arr.sort((a,b)=>{b-a})
       var max = arr[0]
 </script>

字符串 String

indexOf() 返回某个字符的位置

 <script>
      var str = 'abcdefgb'
       var b = str.indexOf('b')
        console.log(b)//1
 </script>

 <script>
       var str = 'abcdbefgbfb'
       var b = str.indexOf('b',1)
        console.log(b)//1
 </script>

 <script>
       var str = 'abcdbefgbfb'
       var b = str.indexOf('b',5,8)
        console.log(b)//8
 </script>

lastIndexOf() 返回某个字符最后出现的位置

 <script>
       var str = 'abcdbefgbfb'
       var b = str.lastIndexOf('b')
        console.log(b)//10
 </script>

slice() 截取字符串

 <script>
       var str = 'abcdbefgbfb'
       var b = str.slice(1,3)
        console.log(b)//bc
 </script>

substring() 截取字符串

 <script>
       var str = 'abcdbefgbfb'
       var b = str.substring(0,3)
        console.log(b)//abc
 </script>

substr() 截取字符串 可以负值

 <script>
       var str = 'abcdbefgbfb'
       var b = str.substr(0,3)
        console.log(b)//abc
 </script>

 <script>
       var str = 'abcdbefgbfb'
        var b = str.substr(-3)
        console.log(b)
 </script>

replace() 替换 字符

 <script>
       var str = 'abcdbefgbfb'
      var b = str.replace('a','1')
        console.log(b)
 </script>

 <script>
       var str = 'abcdbefgbfb'
      var b = str.replace(正则,'1')
        console.log(b)
 </script>

toUpperCase() 字母大写

 <script>
       var str = 'abcdbefgbfb'
       var b = str.toUpperCase()
        console.log(b)//变为大写
 </script>

toLowerCase() 字母小写

 <script>
       var str = 'abcdbefgbfb'
        var b = str.toLowerCase()
        console.log(b)//变为小写
 </script>

trim() 去除两边空格

 <script>
       var str = '  abcdbefgbfb  '
       str.trim()
 </script>

charAt() 返回指定位置的字符

 <script>
       var str = '  abcdbefgbfb  '
       var b = str.charAt(2)
       console.log(b)//a
 </script>

charCodeAt() 返回指定位置字符的code码 例如 a = 97

 <script>
       var str = '  abcdbefgbfb  '
       var b = str.charCodeAt(2)
       console.log(b)//97
 </script>

split() 以设置的分割符号分割字符串返回数组

 <script>
       var str = '  abcdbefgbfb  '
       var b = str.split('e')
       console.log(b)
 </script>

startsWith() 以指定字符开头 返回Boolean

 <script>
      var str = 'abcdbefgbfb'
       var b = str.startsWith('a')
       
       console.log(b)
 </script>

endWith() 以指定字符结尾 返回Boolean

 <script>
       var str = 'abcdbefgbfb'
       
       var b = str.endsWith('b')
       console.log(b)
 </script>

函数 Function

 <script>
       var fun = new Function("a","b","return a + b ")
       var b = fun(1,2)
       console.log(b)//3
 </script>

数字类型 数字15位 小数17位 Number

数学 Math

parseInt() 转换为整型

 <script>
       var a = 10.2154
       var b = parseInt(a)
       console.log(b)
 </script>

parseFloat() 转换为浮点型

 <script>
       var a = 10.2154
       var b = parseFloat(a)
       console.log(b)
 </script>

toString() 转换为字符

 <script>
       var a = 10.2154
       var b = toString(a)
       console.log(b)
 </script>

toExponential() 科学计数法 还可以设置小数位

 <script>
       var a = 10.2154
       var b = a.toExponential()
       console.log(b)
 </script>

 <script>
       var a = 10.2154
      var b = a.toExponential(2)
       console.log(b)
 </script>

toFixed() 设置保留小数位

 <script>
       var a = 10.2154
       var b = a.toFixed(2)
       console.log(b)
 </script>

valueOf() 获取值

 <script>
       var a = 10.2154
       var b = a.valueOf()
       console.log(b)
 </script>

Number.MAX_VALUE / Number.MIN_VALUE 得到值的最大最小值用来判断值是否大于最大最小值

Math对象方法

Math.PI 圆周率

 <script>
      var a = 10
      var b = Math.PI
       console.log(b)
 </script>

Math.round() 四舍五入

 <script>
      var a = 10
       var b = Math.round(a)
       console.log(b)
 </script>

Math.floor() 舍去小数点

 <script>
      var a = 10
       var b = Math.floor(a)
       console.log(b)
 </script>

Math.ceil() 有小数就进一且舍小数

 <script>
      var a = 10
       var b = Math.ceil(a)
       console.log(b)
 </script>

Math.abs() 绝对值

 <script>
      var a = -10
       var b = Math.abs(a)
       console.log(b)
 </script>

Math.exp() 求幂

 <script>
      var a = 10
       var b = Math.exp(a)
       console.log(b)
 </script>

Math.sqrt() 开平方

 <script>
      var a = 4
       var b = Math.sqrt(a)
       console.log(b)
 </script>

Math.pow() 求底数的次方

 <script>
      var a = 10
       var b = Math.pow(a,3)
       console.log(b)
 </script>

Math.random() 0-1的随机数

 <script>
      var a = 10
       var b = Math.random()
       console.log(b)
 </script>

日期 Date

日期方法

计算机时间元年 1970 1.1
通过new Date 获取浏览器的时间对象 浏览器获取系统时间

getTimes()/setTimes() 获取/设置 毫秒

getFullYear() 获取年

getMonth() 获取月 0-11

getDate() 获取日 1-31

getDay() 获取星期日到星期六 0-6

getHours() 获取小时

getMinutes() 获取分钟

getSecones() 获取秒