js内置对象及常用方法

柔光的暖阳◎ 2022-03-15 04:56 252阅读 0赞

# 一、string 字符串 #

<table> 
 <tbody> 
  <tr> 
   <td><a rel="nofollow">String</a></td> 
   <td>对字符串的支持</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.charAt( )</a></td> 
   <td>返回字符串中的第n个字符</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.charCodeAt( )</a></td> 
   <td>返回字符串中的第n个字符的代码</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.concat( )</a></td> 
   <td>连接字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.fromCharCode( )</a></td> 
   <td>从字符编码创建—个字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.indexOf( )</a></td> 
   <td>检索字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.lastIndexOf( )</a></td> 
   <td>从后向前检索一个字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.length</a></td> 
   <td>字符串的长度</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.localeCompare( )</a></td> 
   <td>用本地特定的顺序来比较两个字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.match( )</a></td> 
   <td>找到一个或多个正则表达式的匹配</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.replace( )</a></td> 
   <td>替换一个与正则表达式匹配的子串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.search( )</a></td> 
   <td>检索与正则表达式相匹配的子串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.slice( )</a></td> 
   <td>抽取一个子串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.split( )</a></td> 
   <td>将字符串分割成字符串数组</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.substr( )</a></td> 
   <td>抽取一个子串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.substring( )</a></td> 
   <td>返回字符串的一个子串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.toLocaleLowerCase( )</a></td> 
   <td>把字符串转换小写</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.toLocaleUpperCase( )</a></td> 
   <td>将字符串转换成大写</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.toLowerCase( )</a></td> 
   <td>将字符串转换成小写</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.toString( )</a></td> 
   <td>返回字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.toUpperCase( )</a></td> 
   <td>将字符串转换成大写</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">String.valueOf( )</a></td> 
   <td>返回字符串</td> 
  </tr> 
 </tbody> 
</table>

"abcdefg".charAt(1)  // 参数： n 任意的正整数  返回值： n下标的对应字符值，n<0 n>string.length  返回空串
    
    
    "abcdef".charCodeAt(n) // 返回的是n下标对应字符的Unicode编码
    拼接字符串: (1) +   (2)string.concat(value,.....)  
       var a = 'abc'
       var b = 'cdefg'
       var c = 'oooppp i have a apple'
       /*  document.write(a+b+c)*/
        document.write(a.concat(b,c))
    
    ###indexof(substring 子串,start )
     console.log(b.indexOf(c))  如果不存在这个子串返回-1 省略第二个参数start默认索引为0下标
     
     替换： 父串.replace(正则,子串)
    
    
    text = "javascripthelloJavascript"
    text.replace(/javascript/i, "JavaScript"); ===>"JavascripthelloJavascript"
    ### string.slice(start, end)  提取子串
    var  str = "abgdh234lkdgjrf"
    str.slice(2,5) 
    ### split(分隔符)  字符串---》数组
    "2023-2-30".split('-')===>['2023','2','30']
    url : 
    https://home.firefoxchina.cn/?name='lili'&year=23
    var str =" https://home.firefoxchina.cn/?name='lili'&year=23"
    undefined
    str.indexOf('?')
    30
    str.slice(31)
    "name='lili'&year=23"
    var str1 = "name='lili'&year=23"
    undefined
    str1.split('&')
    (2) ["name='lili'", "year=23"]

# 二、数组方法（Array） #

constructor 所建立对象的函数参考  
prototype    能够为对象加入的属性和方法  
index      For an array created by a regular expression match, the zero-based index of the match in the string.  
input      For an array created by a regular expression match, reflects the original string against which the regular expression was matched.  
length      获取数组元素的个数,即最大下标加1  
concat(array1,arrayn)将两个或两个以上的数组值连接起来,合并后返回结果  
join(string) 将数组中元素合并为字符串,string为分隔符.如省略参数则直接合并,不再分隔  
pop()      移除数组中的最后一个元素并返回该元素  
push(value) 在数组的末尾加上一个或多个元素,并且返回新的数组长度值  
reverse()    颠倒数组中元素的顺序,反向排列  
shift()     移除数组中的第一个元素并返回该元素  
slice(start, deleteCount, \[item1\[, item2\[,...\[,itemN\]\]\]\]) 返从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素  
sort(compare Function) 在未指定排序号的情况下,按照元素的字母顺序排列,如果不是字符串类型则转换成字符串再排序,返回排序后的数组  
splice()     为数组删除并添加新的元素  
toSource()    显示对象的源代码  
toString()    将数组所有元素返回一个字符串,其间用逗号分隔  
unshift(value)为数组的开始部分加上一个或多个元素,并且返回该数组的新长度  
valueOf()    返回数组对象的原始值

<table> 
 <tbody> 
  <tr> 
   <td><a rel="nofollow">Array</a></td> 
   <td>对数组的内部支持</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.concat( )</a></td> 
   <td>连接数组</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.join( )</a></td> 
   <td>将数组元素连接起来以构建一个字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.length</a></td> 
   <td>数组的大小</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.pop( )</a></td> 
   <td>删除并返回数组的最后一个元素</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.push( )</a></td> 
   <td>给数组添加元素</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.reverse( )</a></td> 
   <td>颠倒数组中元素的顺序</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.shift( )</a></td> 
   <td>将元素移出数组</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.slice( )</a></td> 
   <td>返回数组的一部分</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.sort( )</a></td> 
   <td>对数组元素进行排序</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.splice( )</a></td> 
   <td>插入、删除或替换数组的元素</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.toLocaleString( )</a></td> 
   <td>把数组转换成局部字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.toString( )</a></td> 
   <td>将数组转换成一个字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Array.unshift( )</a></td> 
   <td>在数组头部插入一个元素</td> 
  </tr> 
 </tbody> 
</table>

###join('连接符')  数组元素+连接符---》字符串
    
    a = new Array(1, 2, 3, "testing");
    
    s = a.join(" + ");  // s 是字符串"1+2+3+testing"
    栈结构方法：
    push()   将数据入到数组尾部  str.push(1)  str = [a,b,c]  ===>[a,b,c,1]
    ## 返回值 ： 数组的总长度
    pop()    str.pop() ===>[a,b,c] 弹出数组尾部的一个元素
    ## 返回值 ：弹出的数据 1
    
    队列：
    shift()  出数组的第一个元素 ##返回值 是该元素
    unshift()  插入一个数据到数组的头部  ## 返回值： 数组的新长度

# 三、时间对象 Data #

时间对象是JavaScript的内置对象,使用前必须先声明。  
基本语法  
var curr=new Data();  
注意这里的关键字new的用法，Data()的首字母必须大写。  
语法解释  
利用new来声明一个新的对象实体。使用new操作符的语法如下：  
实例对象名称=new对象名称（参数列表）  
Date对象提供了以下3类方法：

<table> 
 <tbody> 
  <tr> 
   <td><a rel="nofollow">Date</a></td> 
   <td>操作日期和时间的对象</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getDate( )</a></td> 
   <td>返回一个月中的某一天</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getDay( )</a></td> 
   <td>返回一周中的某一天</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getFullYear( )</a></td> 
   <td>返回Date对象的年份字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getHours( )</a></td> 
   <td>返回Date对象的小时字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getMilliseconds( )</a></td> 
   <td>返回Date对象的毫秒字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getMinutes( )</a></td> 
   <td>返回Date对象的分钟字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getMonth( )</a></td> 
   <td>返回Date对象的月份字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getSeconds( )</a></td> 
   <td>返回Date对象的秒字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getTime( )</a></td> 
   <td>返回Date对象的毫秒表示</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getTimezoneOffset( )</a></td> 
   <td>判断与GMT的时间差</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCDate( )</a></td> 
   <td>返回该天是一个月的哪一天(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCDay( )</a></td> 
   <td>返回该天是星期几(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCFullYear( )</a></td> 
   <td>返回年份(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCHours( )</a></td> 
   <td>返回Date对象的小时字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCMilliseconds( )</a></td> 
   <td>返回Date对象的毫秒字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCMinutes( )</a></td> 
   <td>返回Date对象的分钟字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCMonth( )</a></td> 
   <td>返回Date对象的月份(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getUTCSeconds( )</a></td> 
   <td>返回Date对象的秒字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.getYear( )</a></td> 
   <td>返回Date对象的年份字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.parse( )</a></td> 
   <td>解析日期/时间字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setDate( )</a></td> 
   <td>设置一个月的某一天</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setFullYear( )</a></td> 
   <td>设置年份，也可以设置月份和天</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setHours( )</a></td> 
   <td>设置Date对象的小时字段、分钟字段、秒字段和毫秒字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setMilliseconds( )</a></td> 
   <td>设置Date对象的毫秒字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setMinutes( )</a></td> 
   <td>设置Date对象的分钟字段和秒字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setMonth( )</a></td> 
   <td>设置Date对象的月份字段和天字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setSeconds( )</a></td> 
   <td>设置Date对象的秒字段和毫秒字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setTime( )</a></td> 
   <td>以毫秒设置Date对象</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCDate( )</a></td> 
   <td>设置一个月中的某一天(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCFullYear( )</a></td> 
   <td>设置年份、月份和天(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCHours( )</a></td> 
   <td>设置Date对象的小时字段、分钟字段、秒字段和毫秒字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCMilliseconds( )</a></td> 
   <td>设置Date对象的毫秒字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCMinutes( )</a></td> 
   <td>设置Date对象的分钟字段和秒字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCMonth( )</a></td> 
   <td>设置Date对象的月份字段和天数字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setUTCSeconds( )</a></td> 
   <td>设置Date对象的秒字段和毫秒字段(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.setYear( )</a></td> 
   <td>设置Date对象的年份字段</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toDateString( )</a></td> 
   <td>返回Date对象日期部分作为字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toGMTString( )</a></td> 
   <td>将Date转换为世界时字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toLocaleDateString( )</a></td> 
   <td>回Date对象的日期部分作为本地已格式化的字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toLocaleString( )</a></td> 
   <td>将Date转换为本地已格式化的字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toLocaleTimeString( )</a></td> 
   <td>返回Date对象的时间部分作为本地已格式化的字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toString( )</a></td> 
   <td>将Date转换为字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toTimeString( )</a></td> 
   <td>返回Date对象日期部分作为字符串</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.toUTCString( )</a></td> 
   <td>将Date转换为字符串(世界时)</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.UTC( )</a></td> 
   <td>将Date规范转换成毫秒数</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Date.valueOf( )</a></td> 
   <td>将Date转换成毫秒表示</td> 
  </tr> 
 </tbody> 
</table>

## 表达式1 ？表达式2；表达式3 ##

表达式1成立，则执行表达式2，不成立则执行表达式3---》if else

2019-02-28   08:57  if(new Date().getHour()<10?new Date().getHour() : '0'+new Date().getHour())

显示当前时间

var now = new Date()
        var year = now.getFullYear()
        var month = now.getMonth()
        var date = now.getDate()
        var hours = now.getHours()
        var min = now.getMinutes()
        var sec = now.getSeconds()
        var wee = now.getUTCDay()
        document.write(year+'-'+(month+1)+'-'+date+'   '+hours+':'+min+':'+sec+'  '+'星期'+wee)

![201902282220142.png][]

# 四、Math对象 #

Math对象的作用是执行常见的算术任务。

首先Math属性中最常用的属性就是PI了，我们一般用Math.PI来调用它。在控制台中输出它的值为3.141592653589793，也就是圆周率。Math对象的常用的属性主要就是PI了，其他的用的比较少，如果用的时候直接查手册就好了。

然后就要说说它的方法了，Math的内置对象还是挺多的，不过都比较简单，还是很容易记忆的。

<table> 
 <tbody> 
  <tr> 
   <td><a rel="nofollow">Math</a></td> 
   <td>算术函数和常量</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.abs( )</a></td> 
   <td>计算绝对值</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.acos( )</a></td> 
   <td>计算反余弦值</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.asin( )</a></td> 
   <td>计算反正弦值</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.atan( )</a></td> 
   <td>计算反正切值</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.atan2( )</a></td> 
   <td>计算从x轴到一个点之间的角度</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.ceil( )</a></td> 
   <td>对一个数上舍入</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.cos( )</a></td> 
   <td>计算余弦值</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.E</a></td> 
   <td>算术常量e</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.exp( )</a></td> 
   <td>计算ex</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.floor( )</a></td> 
   <td>对一个数下舍入</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.LN10</a></td> 
   <td>算术常loge10</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.LN2</a></td> 
   <td>算术常量loge2</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.log( )</a></td> 
   <td>计算一个数的自然对数</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.LOG10E</a></td> 
   <td>算术常量log10e</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.LOG2E</a></td> 
   <td>算术常量log2e</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.max( )</a></td> 
   <td>返回最大的参数</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.min( )</a></td> 
   <td>返回最小的参数</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.PI</a></td> 
   <td>算术常量PI</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.pow( )</a></td> 
   <td>计算xy</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.random( )</a></td> 
   <td>返回一个伪随机数</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.round( )</a></td> 
   <td>舍入到最接近的整数</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.sin( )</a></td> 
   <td>计算正弦值</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.sqrt( )</a></td> 
   <td>计算平方根</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.SQRT1_2</a></td> 
   <td>算术常量 1/</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.SQRT2</a></td> 
   <td>算术常量</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">Math.tan( )</a></td> 
   <td>计算正切值</td> 
  </tr> 
 </tbody> 
</table>

[201902282220142.png]: /images/20220315/6f745e27e4e54a24b06d998e7ea1cf19.png