js知识内置对象与方法

傷城~ 2022-05-23 07:47 222阅读 0赞

# #

## Array对象 ##

## Array对象属性 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">length</td> 
   <td style="border-color:#dddddd;">设置或返回数组中元素的数目。</td> 
  </tr> 
 </tbody> 
</table>

## Array对象方法 ##

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">concat()</td> 
   <td style="border-color:#dddddd;">连接两个或更多的数组，并返回结果。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">join()</td> 
   <td style="border-color:#dddddd;">把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">pop()</td> 
   <td style="border-color:#dddddd;">删除并返回数组的最后一个元素</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">push()</td> 
   <td style="border-color:#dddddd;">向数组的末尾添加一个或更多元素，并返回新的长度。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">reverse()</td> 
   <td style="border-color:#dddddd;">颠倒数组中元素的顺序。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">shift()</td> 
   <td style="border-color:#dddddd;">删除并返回数组的第一个元素</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">slice()</td> 
   <td style="border-color:#dddddd;">从某个已有的数组返回选定的元素</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">sort()</td> 
   <td style="border-color:#dddddd;">对数组的元素进行排序</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">splice()</td> 
   <td style="border-color:#dddddd;">删除元素，并向数组添加新元素。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">unshift()</td> 
   <td style="border-color:#dddddd;">向数组的开头添加一个或更多元素，并返回新的长度。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">slice()</td> 
   <td style="border-color:#dddddd;">从某个已有的数组返回选定的元素&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="color:#ff6666;">返回的是新数组</span></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">splice()</td> 
   <td style="border-color:#dddddd;">删除元素，并向数组添加新元素。<span style="color:#ff6666;">返回原数组</span></td> 
  </tr> 
 </tbody> 
</table>

# Date对象 #

# Data 对象方法 #

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">Date()</td> 
   <td style="border-color:#dddddd;">返回当日的日期和时间</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getDate()</td> 
   <td style="border-color:#dddddd;">从 Date 对象返回一个月中的某一天 (1 ~ 31)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getDay()</td> 
   <td style="border-color:#dddddd;">从 Date 对象返回一周中的某一天 (0 ~ 6)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getMonth ()</td> 
   <td style="border-color:#dddddd;">从 Date 对象返回月份 (0 ~ 11)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getFullYear()</td> 
   <td style="border-color:#dddddd;">从 Date 对象以四位数字返回年份。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getYear()</td> 
   <td style="border-color:#dddddd;">请使用 getFullYear() 方法代替。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getHours()</td> 
   <td style="border-color:#dddddd;">返回 Date 对象的小时 (0 ~ 23)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getMinute s()</td> 
   <td style="border-color:#dddddd;">返回 Date 对象的分钟 (0 ~ 59)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getSeconds()</td> 
   <td style="border-color:#dddddd;">返回 Date 对象的秒数 (0 ~ 59)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getMilliseconds()</td> 
   <td style="border-color:#dddddd;">返回 Date 对象的毫秒 (0 ~ 999)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">getTime()</td> 
   <td style="border-color:#dddddd;">返回 1970 年 1 月 1 日至今的毫秒数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">parse()</td> 
   <td style="border-color:#dddddd;">返回1970年1月1日午夜到 指定日期（字符串）的毫秒数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setDate()</td> 
   <td style="border-color:#dddddd;">设置 Date 对象 中月的某一天 (1 ~ 31)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setMonth()</td> 
   <td style="border-color:#dddddd;">设置 Date 对象中月份 ( 0 ~ 11)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setFullYear()</td> 
   <td style="border-color:#dddddd;">设置 Date 对象中的年份（四位数字）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setYear()</td> 
   <td style="border-color:#dddddd;">请使用 setFullYear() 方法代替。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setHours()</td> 
   <td style="border-color:#dddddd;">设置Date 对象中的小时 (0 ~ 23)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setMinutes()</td> 
   <td style="border-color:#dddddd;">设置 Date 对象ä的分钟 (0 ~ 59)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setSeconds()</td> 
   <td style="border-color:#dddddd;">设置 Date 对象中的秒钟 (0 ~ 59)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setMilliseconds()</td> 
   <td style="border-color:#dddddd;">设置 Date 对象中的毫秒 (0 ~ 999)。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">setTime()</td> 
   <td style="border-color:#dddddd;">以毫秒设置 Date 对象。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toString()</td> 
   <td style="border-color:#dddddd;">把 Date 对象转换为字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toTimeString()</td> 
   <td style="border-color:#dddddd;">把 Date 对象的时间部分转换为字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toDateString()</td> 
   <td style="border-color:#dddddd;">把 Date 对象的日期部分转换 为字符串。</td> 
  </tr> 
 </tbody> 
</table>

# Number对象 #

## Number 对象属性 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">MAX_VALUE</td> 
   <td style="border-color:#dddddd;">可表示的最大的数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">MIN_VALUE</td> 
   <td style="border-color:#dddddd;">可表示的最小的数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">NaN</td> 
   <td style="border-color:#dddddd;">非数字值。相当于NaN</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">NEGATIVE_INFINITY</td> 
   <td style="border-color:#dddddd;">负无穷大，溢出时返回该值。相当于-Infinity</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">POSITIVE_INFINITY</td> 
   <td style="border-color:#dddddd;">正无穷大，溢出时返回该值。相当于Infinity</td> 
  </tr> 
 </tbody> 
</table>

## Number 对象方法 ##

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">toString</td> 
   <td style="border-color:#dddddd;">把数字转换为字符串，使用指定的基数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toFixed</td> 
   <td style="border-color:#dddddd;">把数字转换为字符串，结果的小数点后有指定位数的数字。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toExponential</td> 
   <td style="border-color:#dddddd;">把对象的值转换为指数计数法。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toPrecision</td> 
   <td style="border-color:#dddddd;">把数字格式化为指定的长度。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">valueOf</td> 
   <td style="border-color:#dddddd;">返回一个 Number 对象的基本数字值。</td> 
  </tr> 
 </tbody> 
</table>

# Boolean对象 #

## Boolean 对象方法 ##

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">toString()</td> 
   <td style="border-color:#dddddd;">把逻辑值转换为字符串，并返回结果。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">valueOf()</td> 
   <td style="border-color:#dddddd;">返回 Boolean 对象的原始值。</td> 
  </tr> 
 </tbody> 
</table>

# String对象 #

## String 对象属性 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">length</td> 
   <td style="border-color:#dddddd;">字符串的长度</td> 
  </tr> 
 </tbody> 
</table>

## String对象方法 ##

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">anchor()</td> 
   <td style="border-color:#dddddd;">创建 HTML 锚。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">big()</td> 
   <td style="border-color:#dddddd;">用大号字体显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">blink()</td> 
   <td style="border-color:#dddddd;">显示闪动字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">bold()</td> 
   <td style="border-color:#dddddd;">使用粗体显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">fontcolor()</td> 
   <td style="border-color:#dddddd;">使用指定的颜色来显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">fontsize()</td> 
   <td style="border-color:#dddddd;">使用指定的尺寸来显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">italics()</td> 
   <td style="border-color:#dddddd;">使用斜体显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">link()</td> 
   <td style="border-color:#dddddd;">将字符串显示为链接。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">small()</td> 
   <td style="border-color:#dddddd;">使用小字号来显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">strike()</td> 
   <td style="border-color:#dddddd;">使用删除线来显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">sub()</td> 
   <td style="border-color:#dddddd;">把字符串显示为下标。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">fixed()</td> 
   <td style="border-color:#dddddd;">以打字机文本显示字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">sup()</td> 
   <td style="border-color:#dddddd;">把字符串显示为上标。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">charAt()</td> 
   <td style="border-color:#dddddd;">返回在指定位置的字符。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">charCodeAt()</td> 
   <td style="border-color:#dddddd;">返回在指定的位置的字符的 Unicode 编码。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">concat()</td> 
   <td style="border-color:#dddddd;">连接字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">fromCharCode()</td> 
   <td style="border-color:#dddddd;">从字符编码创建一个字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">indexOf()</td> 
   <td style="border-color:#dddddd;">检索字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">lastIndexOf()</td> 
   <td style="border-color:#dddddd;">从后向前搜索字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">match()</td> 
   <td style="border-color:#dddddd;">找到一个或多个正则表达式的匹配。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">replace()</td> 
   <td style="border-color:#dddddd;">替换与正则表达式匹配的子串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">search()</td> 
   <td style="border-color:#dddddd;">检索与正则表达式相匹配的值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">slice()</td> 
   <td style="border-color:#dddddd;">提取字符串的片断，并在新的字符串中返回被提取的部分。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">split()</td> 
   <td style="border-color:#dddddd;">把字符串分割为字符串数组。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">substr()</td> 
   <td style="border-color:#dddddd;">从起始索引号提取字符串中指定数目的字符。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">substring()</td> 
   <td style="border-color:#dddddd;">提取字符串中两个指定的索引号之间的字符。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toLocaleLowerCase()</td> 
   <td style="border-color:#dddddd;">把字符串转换为小写。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toLocaleUpperCase()</td> 
   <td style="border-color:#dddddd;">把字符串转换为大写。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toLowerCase()</td> 
   <td style="border-color:#dddddd;">把字符串转换为小写。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toUpperCase()</td> 
   <td style="border-color:#dddddd;">把字符串转换为大写。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toSource()</td> 
   <td style="border-color:#dddddd;">代表对象的源代码。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toString()</td> 
   <td style="border-color:#dddddd;">返回字符串。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">valueOf()</td> 
   <td style="border-color:#dddddd;">返回某个字符串对象的原始值。</td> 
  </tr> 
 </tbody> 
</table>

# Math对象 #

## Math对象的属性 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">E</td> 
   <td style="border-color:#dddddd;">返回算术常量 e，即自然对数的底数（约等于2.718）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">LN2</td> 
   <td style="border-color:#dddddd;">返回 2 的自然对数（约等于0.693）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">LN10</td> 
   <td style="border-color:#dddddd;">返回 10 的自然对数（约等于2.302）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">LOG2E</td> 
   <td style="border-color:#dddddd;">返回以 2 为底的 e 的对数（约等于 1.414）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">LOG10E</td> 
   <td style="border-color:#dddddd;">返回以 10 为底的 e 的对数（约等于0.434）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">PI</td> 
   <td style="border-color:#dddddd;">返回圆周率（约等于3.14159）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">SQRT1_2</td> 
   <td style="border-color:#dddddd;">返回返回 2 的平方根的倒数（约等于 0.707）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">SQRT2</td> 
   <td style="border-color:#dddddd;">返回 2 的平方根（约等于 1.414）。</td> 
  </tr> 
 </tbody> 
</table>

## Math对象的方法 ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border-color:#dddddd;">abs(x)</td> 
   <td style="border-color:#dddddd;">返回数的绝对值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">acos(x)</td> 
   <td style="border-color:#dddddd;">返回数的反余弦值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">asin(x)</td> 
   <td style="border-color:#dddddd;">返回数的反正弦值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">atan(x)</td> 
   <td style="border-color:#dddddd;">以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">atan2(y,x)</td> 
   <td style="border-color:#dddddd;">返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">ceil(x)</td> 
   <td style="border-color:#dddddd;">对数进行上舍入。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">cos(x)</td> 
   <td style="border-color:#dddddd;">返回数的余弦。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">exp(x)</td> 
   <td style="border-color:#dddddd;">返回 e 的指数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">floor(x)</td> 
   <td style="border-color:#dddddd;">对数进行下舍入。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">log(x)</td> 
   <td style="border-color:#dddddd;">返回数的自然对数（底为e）。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">max(x,y)</td> 
   <td style="border-color:#dddddd;">返回 x 和 y 中的最高值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">min(x,y)</td> 
   <td style="border-color:#dddddd;">返回 x 和 y 中的最低值。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">pow(x,y)</td> 
   <td style="border-color:#dddddd;">返回 x 的 y 次幂。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">random()</td> 
   <td style="border-color:#dddddd;">返回 0 ~ 1 之间的随机数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">round(x)</td> 
   <td style="border-color:#dddddd;">把数四舍五入为最接近的整数。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">sin(x)</td> 
   <td style="border-color:#dddddd;">返回数的正弦。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">sqrt(x)</td> 
   <td style="border-color:#dddddd;">返回数的平方根。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">tan(x)</td> 
   <td style="border-color:#dddddd;">返回角的正切。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">toSource()</td> 
   <td style="border-color:#dddddd;">返回该对象的源代码。</td> 
  </tr> 
  <tr> 
   <td style="border-color:#dddddd;">valueOf()</td> 
   <td style="border-color:#dddddd;">返回 Math 对象的原始值。</td> 
  </tr> 
 </tbody> 
</table>

**valueOf()在Math，String, Boolean  ** 返回 XXX 对象的原始值。

**但是在Number对象中** 返回一个 Number 对象的基本数字值。

--------------------

![20191229112121499.png][]

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70][]

[20191229112121499.png]: /images/20220523/87e8e251c81d4fe78ee90e7ffffd3932.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70]: /images/20220523/f9a8488bd14844c29f2441b033f29e75.png