手记

JS内置对象常用方法——且听风吟720

JS的内置对象分为Array(数组)、String(字符串)、Math和Date(日期)

1.数组Array的常用方法

1.1 栈方法(只对头/尾起作用)

  • push:把一个/多个元素放到数组的尾部,返回添加后的数组长度(不是返回数组)
array1.push(2,3,4,"me",false);
  • unshift:把一个/多个元素放到数组的头部,返回添加后的数组长度(不是返回数组)
array1.unshift(2,3,4);
  • pop:删除数组最后一个元素,返回被删除的那个元素
array1.pop();
  • shift:删除数组第一个元素,返回被删除的那个元素
array1.shift();

1.2 转换/连接

  • join:把数组中所有元素连接并放入一个字符串中,返回连接后的字符串
    • 其中括号内的参数是连接符号,默认为逗号(,)
    • 例子中连接后的array1元素间用;连接
array1.join(";");
  • concat:把多个数组连接起来,返回连接后得到的新数组
    • 例子中array1连接后在新数组的最前,array2和array3在后
array1.concat(array2,array3);

1.3 排序

  • reverse:反转数组元素的顺序
array1.reverse();
  • sort:默认把数组中元素全部转化成字符串,根据字符串首字母的ASCII码从小到大排序
    • 升序/降序:在sort括号内写函数来实现
array1.sort(function(a,b) {return a-b});//升序
array1.sort(function(a,b) {return b-a});//降序

1.4 切片

  • slice:从起始下标的元素开始切割数组,到终止下标前一个元素为止,返回切割得到的新数组
    • 当缺失终止下标时,默认从起始下标开始切割到数组最后一个元素
    • 起始下标为负数时,从数组最后一个元素往前推(最后一个元素的下标为-1),可以用数组长度+起始值来计算实际的起始位置
array1.slice(1,5);//实际效果是获取了1-4下标的元素
array1.slice(1);//实际效果是获取了下标1至原数组最后一个元素
array1.slice(-5);//假定array1有10个元素,则实际获取了(10-5=5)到最后一个元素的新数组
  • splice:
    1. 删除从给定位置起的多个元素,返回被删除元素的新数组
      • 若删除的元素数量为0,则不删除
      • 若未指定删除元素数量,则将删除从起始下标开始的所有数组元素
    2. 插入,在删除基础上加要插入的项,插入在起始位置的前面,返回修改后的数组
    3. 替换(实际为综合了1和2,即先删除后添加,效果表现为替换)
//1.删除
array1.splice(3,5);//实际效果为删除从下标为3开始的5个元素
array1.splice(3,0);//实际效果为不删除任何元素
array1.splice(3);//实际效果为删除从下标为3开始的原数组的所有元素
//2.插入
array1.splice(3,0,"this","is");//实际效果为在下标为3的元素前面插入"this"和"is"
//3.替换
array1.splice(3,4,"hello","world");//实际效果为把下标为3往后的4个元素删除,插入
//"hello"和"world"两个元素

1.5 查找

  • indexOf:按照设定的起始位置开始查找数组中该元素首次出现的位置,返回找到的位置的下标,若没有找到,返回-1
  • lastIndexOf:方法类似indexOf,只是从数组的末尾开始查找元素
    • 两个方法在IE9以上的浏览器得到支持
    • 比较给定参数和数组内容时,用的是全等操作符(即值和类型都必须一致,否则也返回-1)
array1.indexOf(3,5);//从array1的下标5的元素开始找数字3
array1.lastIndexOf("3",-1);//从array1的最后一个元素开始找字符串3

2.字符串String的常用方法

2.1 检索(查找)

  • charAt:返回给定位置的字符
  • charCodeAt:返回给定位置的字符ASCII编码
    • 可以用数组一样的方法,用下标访问字符串中的字符,但IE7及以前的浏览器不支持该方法,会导致返回undefined
var array1="hello world";
array1.charAt(0);//结果是"h"
array1.charCodeAt(0);//结果是h的ASCII码
  • indexOf:原理同数组中的同名方法,返回子字符串首次出现位置,没找到返回-1
  • lastIndexOf:原理同数组中的同名方法,返回子字符串首次出现位置,没找到返回-1
    • 该方法检索时,设定查找的字符串长度可以大于1,返回字符串的首个字符首次出现的位置
str1.indexOf("javascript");

2.2 切片/切割

  • slice:使用与数组array同名方法一致
  • substring:语法和功能同slice一致
    • 参数中出现负数,负数自动变成0
    • 起始/终止数字大小不同时,先将负数化成0,然后自动小的在前(作为起始),大的在后(作为终止)
array1.substring(-3,4);//实际截取了第一个到下标为4(不包括)的字符串为新的子字符串
array1.substring(4,-4);//实际截取范围是0-4(不包括)下标的字符
  • substr:在原字符串中截取子字符串
    • 不指定截取长度时,默认从起始位置截到末尾
    • 截取长度为负数,返回空的字符串
array1.substr(2,3);//实际截取了从下标为2开始的3个字符串
array1.substr(2,-1);//实际结果是空(即"",显示为空白)
  • split:把字符串切割成字符串数组
    • 返回值为切割之后的数组
    • 括号中的参数为切割符,即以什么为标准切割字符串,必填,填空字符串时将把每个字符分隔开
var array1="hello world";
array1.split(" ");//以字符串中的空格为切割符,切割成hello和world两个字符串元素组成的数组

2.3 替换/转换

  • replace:用一些字符替换另一些/替换和正则表达式匹配的字符串
var array1="hewwo worwd";
array1.replace("w","l");//此处用字符串l来替换字符串w,最后变成了hello lorld
  • toUpper(Lower)Case:新建了一个字符串,字符串中所有字母都大(小)写,原先的字符串没有变化
var array1="hello WorLd";
array1.toUpperCase();//新建了一个字符串,其中所有的字母都大写了
array1.toLowerCase();//新建了一个字符串,其中所有的字母都小写了

2.4 综合练习(供参考)

把CSS中带有-的属性名转换成JS中的驼峰命名法


3.Math对象的常用方法

  • 极值min/max:返回一组数值中的最小/最大值,如果其中出现非数字,返回NaN
    • 当用Math对象获取数组中的最大值和最小值时,要使用apply()方法,将Math对象作为apply()的第一个参数,从而正确的设置this,然后将数组作为第二个参数
var newArray=[2,4,5,6,7,1,3,8,9];
var max=Math.max.apply(Math,newArray);//此时才可以承接到该数组中的最大值
  • 取整:
    • ceil:向上取整,返回大于该数的最小整数,如34.2返回35
    • floor:向下取整(地板除),返回小于该数的最大整数,如34.9返回34
    • round:四舍五入为最接近的整数
  • 绝对值abs:返回绝对值
  • 随机数random:
    • 返回[0-1)的随机数
    • 可通过等比例放大/缩小,并综合运用Math对象方法,实现取一定范围内的随机整数
random=Math.floor(Math.random()*(m-n+1)+n);//实现生成n-m随机整数的方法

4.日期Date对象的常用方法

4.1 获取方法

  • 注意month和day(星期)返回值是0-11,实际用的时候需要+1或用switch语句来判断
  • 对于month(月)、day(星期)返回值调整为汉字的方法,使用数组+下标来更改比switch语句更简洁方便
var weeks=["日","一","二","三","四","五","六"];
var i=Date.getDay(),
	week=weeks[i];//把得到的星期的数字转化成汉字

4.2 设置方法

  • 设置时注意month的值范围是0-11(表示1-12月),务必算清楚

4.3 创建方法

0人推荐
随时随地看视频
慕课网APP