龙空技术网

JavaScript学习笔记(十五)

Arsarsminuther 181

前言:

此刻各位老铁们对“js的静态方法和实例方法”可能比较珍视,姐妹们都需要学习一些“js的静态方法和实例方法”的相关资讯。那么小编在网上收集了一些关于“js的静态方法和实例方法””的相关知识,希望同学们能喜欢,各位老铁们快快来了解一下吧!

前面两篇文章我们学习了JS中常用的一些内置对象(构造函数、类),也学习了他们相关的一些静态方法和实例方法,其实在JS中还有非常多的内置方法,我们会在一些用例中学习这些内置方法。这篇文章我们就一起通过应用案例来学一些常用的内置方法

一、push方法

push方法是Array内置类的一个实例方法,每执行一次都可以将传入的参数存进对应的数组当中

将数组[1,2,3,4,5]中值大于3的元素存入新的数组当中

注意

push方法常用于筛选数组,可以将数组中需要的元素筛选出来。push方法接收的参数就是要存入新数组中的元素,因此我们也可以通过push方法创建新的数组。因为数组的特性,每个元素都可以是任一的数据类型,因此push方法的参数也可以是任一的数据类型。

二、reverse方法

reverse方法是Array内置对象的一个实例方法,每执行一次都可以将对应的数组中所有元素的顺序倒过来,因为数组是一个有序的数据集合,所以我们可以通过reverse方法将数组进行顺序上的反转

将数组[1,2,3,4,5]反转排列成[5,4,3,2,1]

该方法常常用于和id、时间相关的一些数组中,该方法只能将数组原本的顺序完全颠倒过来,并不具备排序的功能

三、sort方法

sort方法是Array内置对象的一个实例方法,前面的reverse方法只能将数组的顺序完全反转,如果要对数组的元素进行升序/降序的排序,就需要用到sort方法

注意

可以看到sort方法的参数有点特殊,是一个函数(箭头函数),如果一个参数是一个函数,那么我们称这个函数为回调函数(后面会讲)

sort方法会直接改变原有的数组实例,如果我们只需要对原数组进行操作,可以通过原数组直接调用sort方法,如果需要一个新的数组接收排序后的数组,那就需要声明变量接收sort方法的值

四、split方法

split方法是String内置对象的一个实例方法,可以将一个字符串通过指定的方式进行切割,返回一个数组

split方法接收一个字符串类型的参数,表示对需要处理的字符串进行分割的规则,例如图中表示需要对str变量的字符串在 , 处进行切割,如果原字符串没有地方能满足切割规则,则会将整个原字符串作为数组返回

原字符串没有地方满足从.切割

返回了整个原字符串的数组

五、replace方法

replace方法是String内置对象的一个实例方法,replace方法可以指定替换字符串中满足条件的字符,replace方法的返回值是替换后的新字符串

将原字符串中的cxk替换成kunkun

注意

1、replace方法不会改变原来的字符串实例,即需要用变量接收改变后的字符串

2、replace方法接收两个参数,第一个参数是原字符串中需要改变的字符,第二个参数是改变的目标字符,即str.replace("需要改变的字符", "改变的目标字符")

3、replace方法只能改变第一个满足条件的字符,如果要改变原字符串中所有满足条件的字符,需要搭配正则使用

因为正则法则不是JS独有,因此这里就不单独学习了,大家可以自行搜索正则法则/正则匹配都可以搜到,进行自学。

replace方法可以将别的语言生成的字符串转换成符合JS语言的字符串,例如python中的boolean值首字母会进行大写True/False,而在JS中这种boolean值是会报错的,所以我们就需要用到replace方法。

六、字符串大小写转换

toUpperCase() 转换大写toLowerCase() 转换小写

两个方法都接收一个String类型的参数,该参数为需要进行转化的字符串

两个方法都不会改变原来的str字符串,而是会返回一个新的字符串

在JS中,对数据进行处理的一些方法基本就学习完了,如果你学会了这些方法,在实际开发过程中80%对数据的处理都能完成了,剩下的20%就是对一些数据结构非常复杂的数据的处理,这个在本质上还是一样的,只是需要一点开发经验而已。

可以看到,我们学习JavaScript和很多教程不一样,别的很多教程会结合网页开发的例子来学习JS,而我们更多的是从数据的角度来学习JS,因为我们学习JS的目标不仅仅是开发页面,开发页面只是现在大多数人对JS的一个印象,实际上JS也是一门编程语言,Python Java能做到的,JS一样也能做到。

所以不要被语言局限了你的学习思路,并不是说学习JS就只能干web页面开发,当然,后面的web API、DOM、BOM相关的知识还是需要结合一些页面开发的例子来学习的。

标签: #js的静态方法和实例方法