学习js

92 阅读6分钟

JavaScript的一些方法和属性

  • Array对象\color{#4B0082}{Array 对象}

    1. Array属性\color{#1E90FF}{Array 属性}

    • constructor\color{green}{constructor} - 返回创建数组对象的原型函数
    • length\color{green}{length} - 设置或返回数组元素的个数
    • prototype\color{green}{prototype} - 允许你向数组对象添加属性或方法
    1. Array对象方法\color{#1E90FF}{Array 对象方法}

    • 连接两个或更多的数组,并返回结果 - concat()\color{green}{concat()}
    • 用数组的元素组成字符串 - join()\color{green}{join()}
    • 将数组元素计算为一个值(从左到右)) - reduce()\color{green}{reduce()}
    • 将数组元素计算为一个值(从右到左) - reduceRight()\color{green}{reduceRight()}
    • 将一个数组中的元素的顺序反转排序 - reverse()\color{green}{reverse()}
    • 删除数组的最后一个元素 - pop()\color{green}{pop()}
    • 删除数组的第一个元素 - shift()\color{green}{shift()}
    • 从数组中添加或删除元素 - splice()\color{green}{splice()}
    • 从一个数组中选择元素 - slice()\color{green}{slice()}
    • 数组排序(按字母顺序)- sort()\color{green}{sort()}
    • 返回数组的可迭代对象 - entries()\color{green}{entries()}
    • 索引值 - indexOf()\color{green}{indexOf()}
    • 搜索数组中的元素,并返回它最后出现的位置 - lastIndexOf()\color{green}{lastIndexOf()}
    • 返回符合传入测试(函数)条件的数组元素 - find()\color{green}{find()}
    • 返回符合传入测试(函数)条件的数组元素索引 - findIndex()\color{green}{findIndex()}
    • 在数组的第2位置添加一个元素 - splice()\color{green}{splice()}
    • 转换数组到字符串 -toString()\color{green}{toString()}
    • 在数组的开头添加新元素 - unshift()\color{green}{unshift()}
    • 检测数值元素的每个元素是否都符合条件 - every()\color{green}{every()}
    • 使用一个固定值来填充数组 - fill()\color{green}{fill()}
    • 检测数值元素,并返回符合条件所有元素的数组 - filter()\color{green}{filter()}
    • 数组每个元素都执行一次回调函数 - forEach()\color{green}{forEach()}
    • 通过给定的对象中创建一个数组 - from()\color{green}{from()}
    • 判断一个数组是否包含一个指定的值 - includes()\color{green}{includes()}
    • 判断对象是否为数组 - isArray()\color{green}{isArray()}
    • 返回数组的可迭代对象,包含原始数组的键(key) - keys()\color{green}{keys()}
    • 通过指定函数处理数组的每个元素,并返回处理后的数组 - map()\color{green}{map()}
    • 向数组的末尾添加一个或更多元素,并返回新的长度 - push()\color{green}{push()}
    • 检测数组元素中是否有元素符合指定条件 - some()\color{green}{some()}
    • 从数组的指定位置拷贝元素到数组的另一个指定位置中 - copyWithin()\color{green}{copyWithin()}
    • 返回数组对象的原始值 - valueOf()\color{green}{valueOf()}
  • Math(算数)对象\color{#4B0082}{Math(算数) 对象}

  1. Math方法\color{#1E90FF}{Math方法}
    • 对一个数进行四舍五入 - Math.round()\color{green}{Math.round()}
    • 随机数 - (Math.random()\color{green}{(Math.random()}
    • 转换数组到字符串 -toString()\color{green}{toString()}
    • 在数组的开头添加新元素 - unshift()\color{green}{unshift()}
  1. Math属性\color{#1E90FF}{Math属性}
    • 返回算术常量 e,即自然对数的底数(约等于2.718) - Math.E()\color{green}{Math.E()}
    • 返回 2 的自然对数(约等于0.693) - Math.LN2()\color{green}{Math.LN2()}
    • 返回 10 的自然对数(约等于2.302) -Math.LN10()\color{green}{Math.LN10()}
    • 返回以 2 为底的 e 的对数(约等于 1.4426950408889634) - Math.LOG2E()\color{green}{Math.LOG2E()}
    • 返回以 10 为底的 e 的对数(约等于0.434) - Math.LOG10E()\color{green}{Math.LOG10E()}
    • 返回圆周率(约等于3.14159) - Math.PI()\color{green}{Math.PI()}
    • 返回 2 的平方根的倒数(约等于 0.707) -Math.SQRT12()\color{green}{Math.SQRT1_2()}
    • 返回 2 的平方根(约等于 1.414) - Math.SQRT2()\color{green}{Math.SQRT2()}
  • Date对象\color{#4B0082}{Date 对象}

  1. Date对象方法\color{#1E90FF}{Date 对象方法}
    • 从 Date 对象返回一个月中的某一天 (1 ~ 31) - getDate()\color{green}{getDate()}
    • 设置 Date 对象中月的某一天 (1 ~ 31) - setDate()\color{green}{setDate()}
    • 从 Date 对象返回一周中的某一天 (0 ~ 6) - getDay()\color{green}{getDay()}
    • 设置 Date 对象中的年份(四位数字) - setDay()\color{green}{setDay()}
    • 从 Date 对象以四位数字返回年份 -getFullYear()\color{green}{getFullYear()}
    • 设置 Date 对象中的年份(四位数字) -setFullYear()\color{green}{setFullYear()}
    • 返回 Date 对象的小时 (0 ~ 23) - getHours()\color{green}{getHours()}
    • 设置 Date 对象中的小时 (0 ~ 23) - setHours()\color{green}{setHours()}
    • 返回 Date 对象的毫秒(0 ~ 999) - getMilliseconds()\color{green}{getMilliseconds()}
    • 设置 Date 对象中的毫秒 (0 ~ 999) - setMilliseconds()\color{green}{setMilliseconds()}
    • 返回 Date 对象的分钟 (0 ~ 59) - getMinutes()\color{green}{getMinutes()}
    • 设置 Date 对象中的分钟 (0 ~ 59) - setMinutes()\color{green}{setMinutes()}
    • 从 Date 对象返回月份 (0 ~ 11) -getMonth()\color{green}{getMonth()}
    • 设置 Date 对象中的月份 (0 ~ 11) -setMonth()\color{green}{setMonth()}
    • 返回 Date 对象的秒数 (0 ~ 59) - getSeconds()\color{green}{getSeconds()}
    • 设置 Date 对象中的秒钟 (0 ~ 59) - setSeconds()\color{green}{setSeconds()}
    • 返回 1970 年 1 月 1 日至今的毫秒数 - getTime()\color{green}{getTime()}
    • 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数 - UTC()\color{green}{UTC()}
    • 以毫秒设置 Date 对象 - setTime()\color{green}{setTime()}
    • 返回本地时间与格林威治标准时间 (GMT) 的分钟差 - getTimezoneOffset()\color{green}{getTimezoneOffset()}
    • 根据世界时从 Date 对象返回月中的一天 (1 ~ 31) - getUTCDate()\color{green}{getUTCDate()}
    • 根据世界时设置 Date 对象中月份的一天 (1 ~ 31) - setUTCDate()\color{green}{setUTCDate()}
    • 返回1970年1月1日午夜到指定日期(字符串)的毫秒数 - parse()\color{green}{parse()}
    • 把 Date 对象的日期部分转换为字符串 - toDateString()\color{green}{toDateString()}
    • 以 JSON 数据格式返回日期字符串 - toJSON()\color{green}{toJSON()}
    • 根据本地时间格式,把 Date 对象的日期部分转换为字符串 - toLocaleDateString()\color{green}{toLocaleDateString()}
    • 根据本地时间格式,把 Date 对象的时间部分转换为字符串 - toLocaleTimeString()\color{green}{toLocaleTimeString()}
    • 根据本地时间格式,把 Date 对象转换为字符串 - toLocaleString()\color{green}{toLocaleString()}
    • 把 Date 对象转换为字符串 - toString()\color{green}{toString()}
  1. Date对象属性\color{#1E90FF}{Date 对象属性}
    • 返回对创建此对象的 Date 函数的引用 - constructor\color{green}{constructor}
    • 向对象添加属性和方法 - prototype\color{green}{prototype}
  • String对象\color{#4B0082}{String 对象}

  1. String对象方法\color{#1E90FF}{String 对象方法}
    • 返回在指定位置的字符 - charAt()\color{green}{charAt()}
    • 返回在指定的位置的字符的 Unicode 编码 - charCodeAt()\color{green}{charCodeAt()}
    • 连接两个或更多字符串,并返回新的字符串 - concat()\color{green}{concat()}
    • 将 Unicode 编码转为字符 - fromCharCode()\color{green}{fromCharCode()}
    • 返回某个指定的字符串值在字符串中首次出现的位置 -indexOf()\color{green}{indexOf()}
    • 查找字符串中是否包含指定的子字符串 -includes()\color{green}{includes()}
    • 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置 - lastIndexOf()\color{green}{lastIndexOf()}
    • 查找找到一个或多个正则表达式的匹配 - match()\color{green}{match()}
    • 复制字符串指定次数,并将它们连接在一起返回 - repeat()\color{green}{repeat()}
    • 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串 - replace()\color{green}{replace()}
    • 查找与正则表达式相匹配的值 - search()\color{green}{search()}
    • 提取字符串的片断,并在新的字符串中返回被提取的部分 - slice()\color{green}{slice()}
    • 把字符串分割为字符串数组 -split()\color{green}{split()}
    • 查看字符串是否以指定的子字符串开头 -startsWith()\color{green}{startsWith()}
    • 从起始索引号提取字符串中指定数目的字符 - substr()\color{green}{substr()}
    • 提取字符串中两个指定的索引号之间的字符 - substring()\color{green}{substring()}
    • 把字符串转换为小写 - toLowerCase()\color{green}{toLowerCase()}
    • 把字符串转换为大写 - toUpperCase()\color{green}{toUpperCase()}
    • 去除字符串两边的空白 - trim()\color{green}{trim()}
    • 返回一个字符串 - toString()\color{green}{toString()}
    • 返回某个字符串对象的原始值 - valueOf()\color{green}{valueOf()}
  1. String对象创建方法:newString()\color{#1E90FF}{String 对象创建方法: new String()}
  2. String对象属性:\color{#1E90FF}{String 对象属性:}
    • 对创建该对象的函数的引用 - constructor\color{green}{constructor}
    • 字符串的长度 - length\color{green}{length}
    • 允许您向对象添加属性和方法 - prototype\color{green}{prototype}
  • Boolean对象\color{#4B0082}{Boolean 对象}    两个值:true(1)和false(0)

  1. Boolean对象属性\color{#1E90FF}{Boolean 对象属性}
    • 返回对创建此对象的 Boolean 函数的引用 - constructor\color{green}{constructor}
    • 向对象添加属性和方法 - prototype\color{green}{prototype}
  1. Boolean对象方法\color{#1E90FF}{Boolean 对象方法}
    • 把布尔值转换为字符串,并返回结果 - toString()\color{green}{toString()}
    • 返回 Boolean 对象的原始值 - valueOf()\color{green}{valueOf()}
  • JavaScript全局属性\color{#4B0082}{JavaScript 全局属性}

    • 代表正的无穷大的数值 - Infinity\color{green}{Infinity}
    • 指示某个值是不是数字值 - NaN\color{green}{NaN}
    • 指示未定义的值 - undefined\color{green}{undefined}
  • JavaScript全局函数\color{#4B0082}{JavaScript 全局函数}

    • 解码某个编码的 URI - decodeURI()\color{green}{decodeURI()}
    • 解码一个编码的 URI 组件 - decodeURIComponent()\color{green}{decodeURIComponent()}
    • 把字符串编码为 URI - encodeURI()\color{green}{encodeURI()}
    • 把字符串编码为 URI 组件 - encodeURIComponent()\color{green}{encodeURIComponent()}
    • 对字符串进行编码 - escape()\color{green}{escape()}
    • 计算 JavaScript 字符串,并把它作为脚本代码来执行 - eval()\color{green}{eval()}
    • 检查某个值是否为有穷大的数 - isFinite()\color{green}{isFinite()}
    • 检查某个值是否是数字 - isNaN()\color{green}{isNaN()}
    • 把对象的值转换为数字 - Number()\color{green}{Number()}
    • 解析一个字符串并返回一个浮点数 - parseFloat()\color{green}{parseFloat()}
    • 解析一个字符串并返回一个整数 - parseInt()\color{green}{parseInt()}
    • 把对象的值转换为字符串 - String()\color{green}{String()}
    • 对由 escape() 编码的字符串进行解码 - unescape()\color{green}{unescape()}
  • JavaScript算术运算符\color{#4B0082}{JavaScript 算术运算符}

  • + - * / % ++ --

  • JavaScript赋值运算符\color{#4B0082}{JavaScript 赋值运算符}

  • = += -= *= /= %=

  • JavaScript字符串运算符\color{#4B0082}{JavaScript 字符串运算符}

  • + +=

  • JavaScript比较运算符\color{#4B0082}{JavaScript 比较运算符}

  • == === != !== > >= < <=

  • JavaScript逻辑运算符\color{#4B0082}{JavaScript 逻辑运算符}

  • &&与 ||或 !非

  • JavaScript位运算符\color{#4B0082}{JavaScript 位运算符}

  • &AND |OR ~取反 ^异或 <<左移 >>右移