前端笔记(JS常用内置对象方法)

142 阅读8分钟

Array数组

数组栈方法:

push()

此方法改变原数组

  • 语法:arrayObject.push(newele,1,newele2,...nexeX)
  • 功能:把他的参数顺序添加到arrayObject的尾部
  • 返回值:
  • 把指定的值添加到数组后数组的新长度

unshift()

此方法改变原数组

  • 语法:arrayObject.unshift(newele,1,newele2,...nexeX)
  • 功能:把它的参数顺序添加到arrayObject的开头
  • 返回值:
  • 把指定的值添加到数组后的新长度

pop()

此方法改变原数组

  • 语法:arrayObject.pop()
  • 功能:删除arrayObject 的最后一个元素
  • 返回值:
  • 被删除的那个元素

shift()

此方法改变原数组

  • 语法:arrayObject.shift()
  • 功能:删除arrayObject中的第一个元素
  • 返回值:
  • 被删除的那个元素

数组转换方法:

join()

此方法不改变原数组

  • 语法:arrayObject.join(separator)
  • 参数:
  • separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
  • 功能:用于把数组中的所有元素放入一个字符串。
  • 返回值:
  • 字符串
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join(); // Banana,Orange,Apple,Mango
var energy = fruits.join(" and "); // Banana and Orange and Apple and Mango

数组重排序方法:

此方法改变原数组

reverse()

  • 语法:arrayObject.reverse()
  • 功能:用于颠倒数组中元素的顺序
  • 返回值:
  • 数组

sort()

此方法改变原数组

  • 语法:arrayObject.sort(sortfunction)
  • 功能:用于对数组的元素进行排序
  • 返回值:
  • 原数组的引用,即原数组会被改变
  • 说明:
  • 1、sort()方法比较的是字符串。
  • 2、sort()方法接收一个比较函数作为参数
  • 参数:
  • sortfunction:为一个函数
  • function的参数有两个,代表数组的两个项,比较数组的两个项,返回值为1时就交换,否则不交换
  • 升序排序:arrObject.sort(fuction(a,b){return a-b;})
  • 降序排序:arrObject.sort(fuction(a,b){return b-a;})
  • a==b时,返回值是0,a和b不用交换位置
  • a>b时,返回值是1,a放置在b后面
  • a<b时,返回值是-1,a和b不用交换位置

数组操作方法

concat()

此方法不改变原数组

  • 语法:arrayObject.concat(arrayX,arrayX,....arrayX)
  • 功能:用于连接两个或多个数组。
  • 返回值:
  • 新的数组

slice()

此方法不改变原数组

  • 语法:arrayObject.slice(start,end)
  • 功能:从已有的数组中返回选定的元素
  • 参数:
  • start(必需)规定从何处开始选取,如是负值,从数组尾部开始算起。
  • end(可选)规定从何处结束选取(不包含该元素),是数组片段结束处的数组下标。如未指定则为从start到结束的所有元素,如果该参数为负数,则它表示在原数组中的倒数第几个元素来结束抽取。
  • 返回值:
  • 新数组 说明: 计算负值时可以使用:数组长度加上该数来确定相应位置

splice()

此方法改变原数组

  1. 删除
  • 语法:arrayObject.splice(index.count)
  • 参数:index是要从哪里删除的索引,count是删除的个数
  • 功能:删除从index处开始的零个或多个元素
  • 返回值:
  • 含有被删除元素的新数组
  • 说明:
  • count是要删除的项目数量,如果设置为0,则不会删除项目。
  • 如果不设置,则删除从index开始的所有值。
  1. 插入
  • 语法:arrayObject.splice(index,0,item1,......,itemX)
  • 功能:在指定位置插入值
  • 参数:
  • index:起始位置
  • 0:要删除的项数
  • item1...itemX要插入的项
  • 返回值:新数组
  1. 替换
  • 语法:arrayObject.splice(index,count,item1,......,itemX)
  • 功能:在指定位置插入值,且同时删除任意数量的项
  • 参数:
  • index:起始位置
  • count:要删除的项数

reduce()

此方法不改变原数组

  • 语法:array.reduce(function(total,currentValue,currentIndex,array),initialValue)
  • 参数:
  1. initialValue:初始值,可选
  2. total: 初始值累加后的返回值。无累加返回初始值。
  3. currentValue: 从数组遍历出的每一项
  4. currentIndex: 遍历的每一项对应的下标
  5. array: 即被遍历的数组即array.reduce中的array
  • 功能:计算数组元素相加后的总和

数组位置的方法:

indexOf()

此方法不改变原数组

  • 语法:arrayObject.indexOf(searchValue,startIndex)
  • 功能:从数组的开头(位置0)开始向后查找
  • 参数:
  • searchvalue:必需,要查找的项
  • startIndex:可选,起点位置的索引(默认为0)
  • 返回值:
  • number,查找的项在数组中的位置,没有找到的情况下返回-1

lastindexOf()

此方法不改变原数组

  • 语法:arrayObject.lastIndexOf(searchValue,startIndex)
  • 功能:从数组的末尾开始向前查找
  • 参数:
  • searchvalue:必需,要查找的项;
  • startIndex:可选,起点位置的索引,从0索引开始(默认为全部)
  • 返回值:
  • number,查找的项在数组中的位置,没有找到的情况下返回-1

String字符串

charAt()

此方法不改变原字符串

  • 语法:stringObject.charAt(index)
  • 功能:返回stringObject中index位置的字符 返回值:查找的字符

charCodeAt()

此方法不改变原字符串

  • 语法:stringObject.charCodeAt(index)
  • 功能:返回stringObject中的index位置字符的Unicode编码 返回值:查找的字符的uniconde 编码

string位置方法

indexOf()

此方法不改变原字符串

  • 语法:stringObject,indexOf("o")
  • 功能:从一个字符串中搜索给定的子字符串,返回子字符串的位置。
  • 返回值:数值
  • 说明:如果没有找到该字符串,则返回-1

lastIndexOf()

此方法不改变原字符串

  • 语法:stringObject.lastIndexOf("o")
  • 功能:从后向前搜索字符串,一个字符串中搜索给定的子字符串,返回从起始位置(0)开始计算的子字符串的位置。
  • 返回值:数值
  • 说明:如果没有找到该子字符串,则返回-1

字符串截取方法

slice()

此方法不改变原字符串

  • 语法:
  • stringObject.slice(start,end)
  • 功能:
  • 截取字符串
  • 参数说明:
    1. start:必需,指定子字符串的开始位置。
    1. end:可选,表示字符串到哪里结束,end本身不在截取范围之内,省略时截取至字符串末尾。
    1. slice参数为负数时,其值为字符串长度+该负数。
  • 返回值:提取的字符串
  • subString()

  • 语法与功能与slcie一样。返回值一致
  • 区别在于:
  • 1、当参数为负数时,自动将参数转换为0。
  • 2、substring()会将较小的数作为开始位置,将较大的数作为结束位置。

substr()

此方法不改变原字符串

  • 语法:stringObject.subStr(start,len)
  • 功能和slice 一致 返回值一致
  • 参数:
  1. start :必需,指定字符串的开始位置
  2. len:可选,表示截取的字符总数,省略时截取至字符串的末尾。
  3. 当start为负数时,会将传入的负值与字符串的长度相加。
  4. 当len为负数时,返回空字符串

其他字符串方法:

split()

此方法不改变原字符串

  • 语法:stringObject.split(separator)
  • 功能:把字符分割成字符串数组
  • 返回值:分割后的数组
  • 参数:separator:必需,分隔符

replace()

此方法不改变原字符串

  • 语法:
  • stringObject.replace(regexp/substr,replacement)
  • 功能:
  • 在字符串中用一些字符替换另一些字符,或替换一个与正则表达书匹配的子串。
  • 返回值:替换后的字符串
  • 参数:
  • regexp:必需。规定子字符串要替换的模式的RegExp对象。
  • replacement:必需。一个字符串值。

toUpperCase()

此方法不改变原字符串

  • 语法:stringObject.toUpperCase()
  • 功能:把字符串转换为大写
  • 返回值:变成大写的字符串

toLowerCase()

此方法不改变原字符串

  • 语法:stringObject.toLowerCase()
  • 功能:把字符串转换为小写
  • 返回值:变成小写的字符串

数学Math

min()

  • 语法:Math.min(num1,num2...numN)
  • 功能:求一组数中的最小值
  • 返回值:Number
  • max()

  • 语法:Math.max(num1,num2...numN)
  • 功能:求一组数中的最大值
  • 返回值:Number

ceil()

  • 语法:Math.ceil(num)
  • 功能:向上取整,即返回大于num的最小整数
  • 返回值:Number

floor()

  • 语法:Math.floor(num)
  • 功能:向下取整,返回num的整数部分
  • 返回值:Number

round()

  • 语法:Math.round(num)
  • 功能:将数值四舍五入为最接近的整数
  • 返回值:Number

abs()

  • 语法:Math.abs(num)
  • 功能:返回num的绝对值
  • 返回值:Number

random()

  • 语法:
  • Math.random()
  • 功能:返回大于等于0小于1的一个随机数
  • 返回值:Number
  • 说明:
  • 求n到m之间的随机整数的公式:
  • random = Math.floor(Math.random()*(m-n+1)+n)

时间Date

getFullYear()

  • 语法:Date.getFullYear()
  • 功能:返回4位数的年份
  • 返回值:表示年份的4位数字
var d = new Date();
var n = d.getFullYear(); //2021

以下方法语法同上

getMounth()

语法:getMounth() :返回月份数从0-11

getDate()

getDate():返回月份中的天数

getDay()

getDay():返回星期,返回值为0-6

getHours()

getHours() :返回小时

getMinutes()

getMinutes() :返回分

getSeconds()

getMinutes() :返回秒

getTime()

getTime() :返回表示日期的毫秒数

JSON

JSON.parse()

  • 语法:JSON.parse(text[,reviver])
  • 参数:
  • text: 必需 一个有效的JSON字符串
  • reviver 可选,一个转换结果的函数,将为对象的每个成员调用此函数
  • 功能:将JSON字符串,转换为json对象

JSON.stringify()

  • 语法:JSON.stringify(value[,replacer[,space]])
  • 参数:
  • value: 必需 要转换的json对象
  • reviver: 可选,一个转换结果的函数或数组,将为对象的每个成员调用此函数
  • space: 可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格.
  • 功能:将json对象,转换为JSON字符串