JavaScript学习笔记5

此间诗意杀人地

已于 2022-03-12 15:41:19 修改

阅读量349

点赞数

分类专栏：笔记文章标签： javascript 前端

于 2022-01-05 13:47:32 首次发布

本文链接：https://blog.csdn.net/qq_43763188/article/details/122299379

版权

笔记专栏收录该内容

14 篇文章 0 订阅

订阅专栏

JavaScript

一、原型对象

原型prototype：我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应这一个对象，这个对象就是我们所谓的原型。
如果函数作为普通函数调用，prototype没有任何作用，当函数通过构造函数调用时，它所创建的对象中都会有一个隐含的属性，指向构造函数的原型对象，我们可以通过__proto__来访问该属性。
原型就相当于一个公共区域，所以同一个类的实例都可以访问到这个对象原型，我们可以将一个对象中共有的内容，统一设置到原型对象中。

<script type="text/javascript">
      function Person(name,age,gender){
         this.name=name;
         this.age=age;
         this.gender=gender;
      }
      //向原型中添加一个属性
      Person.prototype.ab=111;
      //向原型中添加一个方法
      Person.prototype.sayName=function(){
            alert("hhhhhh"+this.name);
         }
      var a=new Person("alice",18,"女");
      var b=new Person("bob",18,"男");
      console.log(a);
      console.log(b);
      a.sayName();
      b.sayName();
   </script>

当我们访问对象的一个属性或方法时，它会先在自身中寻找，如果有直接使用，如果没有则去原型对象中寻找，找到直接使用。
使用in检查对象中是否含有某个属性时，如果对象中没有但原型中有，也会返回true；可以使用hasOwnProperty（）来检查对象自身是否含有该属性，使用该方法只有当对象自身含有属性时，才会返回true。
原型对象也是对象，所以它也有原型，当我们使用一个对象的属性或方法时，会在自身中寻找，自身如果有则直接使用，如果没有则去原型对象中寻找，还没有则去原型的原型中去找，直到找到object对象的原型。object对象的原型没有原型，如果object原型中依然没有找到，则返回undefined。

二、数组

some()方法：对数组中的特定元素进行匹配，结果返回true或者false。
map()方法：该方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。
findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

三、正则表达式

正则表达式用于定义一些字符的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，获取字符串中符合规则的内容提取出来。
创建正则表达式的对象：

//方法一：
var reg=new RegExp("正则表达式","匹配模式");
//匹配模式：i:忽略大小写；g:全局匹配模式
//方法二：
var reg=/a/i;

正则表达式的方法:
- test():使用test()方法检查一个字符串是否符合正则表达式的规则，符合返回true。
- split():将一个字符串拆分为一个数组，方法中可以传递一个正则表达式，这样方法就会根据正则表达式去拆分。
- search():可以搜索字符串在是否含有指定内容，如果搜索到指定内容会返回第一次出现的索引，如果没有搜索到则返回-1。它可以接受一个正则表达式作为参数，然后根据正则表达式去检索字符串。
- match():可以根据正则表达式，从一个字符串中将符合条件的内容提取出来。
- replace():可以将字符串中指定诶人替换为新的内容，参数：被替换的内容，可以接受一个正则表达式作为参数；新的内容。
正则表达式一些基本语法：
- 量词：通过量词可以设置一个内容出现的次数，量词只对它前面的一个内容起作用；{n}表示出现n次；{n,m}表示出现n到m次；{n,}n次以上；+至少一个，相当于{1,}；*表示0个或多个，相当于{0,}；？表示0个或1个，相当于{0,1}；
- 检查一个字符串是否含有点’.’，.表示任意字符，在正则表达式中使用\作为转义字符。**注意：**使用构造函数创建正则表达式函数时，由于它的参数是一个字符串，而\是字符串中的转义字符，如果要使用\则需要\来代替。
- 元字符：有特殊含义的字符，使用时要加转义字符。\w、\W、\d、\D、\s、\S、\b（单词边界）、\B。

reg=/a|b|c|d/;
//[]里的内容是或的关系；[ab]==a|b
//[A-z]任意字母；[0-9]任意数字
reg=/ab{1,3}/;//a出现一次，b出现1到3次
reg=/(ab){3}/;//ab出现3次
reg=/ab{3,}/;//a出现一次，b出现3次以上
//^表示开头;$表示结尾
reg=/^a/;//检查一个字符串是否以a开头
reg=/a$/;//检查一个字符串是否以$结尾
//如果在正则表达式中同时以^$,则要求字符串完全符合正则表达式。
reg=/^a$/;//字符串是a才会返回true

var reg1=/\./;//检查一个字符串中是否含有.
var reg2=/\\;//检查一个字符串中是否含有\
var reg3=new RegExp("\\.");//检查一个字符串中是否含有.
var reg4=new RegExp("\\\\");//检查一个字符串中是否含有\

//\b单词边界用法
//创建一个正则表达式检查一个字符串是否含有单词child
var reg=/\bchild\b/;
console.log(reg.test("hello children"));

创建正则表达式，检查一个字符串是否是一个合法手机号；规则：以1开头，第二位3-9任意数字，后九位任意数字。

   <script type="text/javascript">
      var phonereg=/^1[3-9][0-9]{9}$/;
      console.log(phonereg.test("19216899856"));
   </script>

接受一个用户输入，去除字符串中的空格，去除空格就是使用空串来替换空格。

在这里插入代码片   <script type="text/javascript">
      var str1='   hello  ';
      var str2='   hel  lo  ';
      str1=str1.replace(/\s/g,"");//\s表示空格
      console.log(str1);
      str2=str2.replace(/^\s*|\s*$/,"");//去除开头和结尾的空格
      console.log(str2);
   </script>

电子邮件的正则表达式(只是个例子)：

<script type="text/javascript">
      //电子邮件
      //任意字母数字下划线.任意字母数字下划线@任意数字字母.任意字母(2-5).任意字母(2-5)
      var emReg=/^w{2，}[\.\w+]*@[A-z0-9]+(\.[A-z]{2-5}){1-2}$/;
      //+一次以上，*0次或多次
 </script>