数组对象和正则对象

最新推荐文章于 2024-08-19 15:59:25 发布
最新推荐文章于 2024-08-19 15:59:25 发布
阅读量422 收藏
点赞数
分类专栏： 前端 css 文章标签： javascript 排序算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61282942/article/details/127522378
版权
前端 同时被 2 个专栏收录
27 篇文章 1 订阅
订阅专栏
css
18 篇文章 0 订阅
订阅专栏

.1选择排序和冒泡排序

选择排序：当前元素依次和后面每个元素进行比较  如果后面的数比较小，就交换位置
var arr = [10,9,12,5,1];
for(var i = 0;i<arr.length;i++){
    for(var j = i+1;j<arr.length;j++){
       if(arr[i] > arr[j]){
           var temp = arr[i];
           arr[i]  = arr[j]
           arr[j] = temp;
       }
    }
}
​
冒泡排序：相邻的两个元素进行比较  如果后面的元素比较小 就交换位置
var arr = [10,9,12,5,1];
for(var i = 0;i<arr.length-1;i++){
  for(var j = 0;j<arr.length-1-i;j++){
     if(arr[j] > arr[j+1]){
           var temp = arr[i];
           arr[i]  = arr[j]
           arr[j] = temp;
       }
  }
}

2.2数组的排序方法

  • sort排序：数组自带的排序方法

数组.sort()  不传参
数组.sort(function(a,b){
  
})   传参

  • 基础使用---不传参

        var arr = [1, 9, 7, 8, 3, 6, 15, 20];
        // 1.基础使用：sort() 不传参 根据ASCII码进行排序的  0-48
        var newArr = arr.sort();
        console.log(newArr);//[1, 15, 20, 3, 6, 7, 8, 9]

  • 扩展使用：sort(function(a,b){}) 带参数 根据number类型排序

// 2.扩展使用：sort(function(a,b){}) 带参数  根据number类型排序
        var arr = [1, 9, 7, 8, 3, 6, 15, 20];
        arr.sort(function (a, b) {
            // console.log(a, b);//a和b是两个相邻的比较元素 a后一个元素  b是前一个元素
            // return a - b;//从小到大
            return b - a;//从大到小
        })
        console.log(arr);//[20, 15, 9, 8, 7, 6, 3, 1]

  • 根据对象中某一个属性进行排序 根据年龄排序

 var arr = [
            { "name": "高珂俊", "age": 24, "date": "1998-10-1" },
            { "name": "吉涛涛", "age": 19, "date": "2003-9-25" },
            { "name": "张相渊", "age": 20, "date": "2002-4-5" },
            { "name": "朱顺杰", "age": 15, "date": "2007-3-15" },
            { "name": "胡兴伟", "age": 15, "date": "2007-3-15" }
        ]
        // 如果两个值相同，是根据原数组中的顺序结构显示
        arr.sort(function (a, b) {
            console.log(a.age, b.age);//a和b是两个相邻的元素,{},{}
            return a.age - b.age;//从小到大
        })
        console.log(arr);

  • 根据对象中的日期排序 日期排序是根据时间戳进行排序

 var arr = [
            { "name": "高珂俊", "age": 24, "date": "1998-10-1" },
            { "name": "吉涛涛", "age": 19, "date": "2003-9-25" },
            { "name": "张相渊", "age": 20, "date": "2002-4-5" },
            { "name": "朱顺杰", "age": 15, "date": "2007-3-15" },
            { "name": "胡兴伟", "age": 15, "date": "2007-3-15" }
        ]
        arr.sort(function (a, b) {
            // new Date(日期) 会自动进行隐式转换  转成时间戳的形式
            // return new Date(a.date) - new Date(b.date)
            // Date.parse(字符串日期)  将字符串格式的日期转换成时间戳
            return Date.parse(a.date) - Date.parse(b.date)
        })
        console.log(arr);

  • 根据对象中的中文排序

// 5.根据对象中的中文排序 
        var arr = [
            { "name": "高珂俊", "age": 24, "date": "1998-10-1" },
            { "name": "吉涛涛", "age": 19, "date": "2003-9-25" },
            { "name": "张相渊", "age": 20, "date": "2002-4-5" },
            { "name": "朱顺杰", "age": 15, "date": "2007-3-15" },
            { "name": "胡兴伟", "age": 15, "date": "2007-3-15" }
        ]
        /*  a.localeCompare(b)  字符串根据a - z从小到大进行排序
         b.localeCompare(a)  字符串根据a - z从大到小进行排序 */
​
        // g  j  z  z  h        g高珂俊 h胡兴伟 j吉涛涛 z张相渊 z朱顺杰
        arr.sort(function (a, b) {
            // return a.name.localeCompare(b.name)
            return b.name.localeCompare(a.name)
        })
        console.log(arr)

  • 随机排序

// 6.随机排序  Math.random() - 0.5
        var arr = [1, 2, 3, 4, 5, 6];
        arr.sort(function (a, b) {
            return Math.random() - 0.5;
        })
        console.log(arr);

2.3数组的迭代方法

- 循环：for while do-while
- 遍历：for-in
- 迭代：every some filter forEach map

every

  • 语法：数组：every(function(item,index,array){ item是当前元素 index当前元素下标 array是当前操作的数组 })

  • 作用：对数组元素进行判断 当所有的判断结果为true的时候 才会返回true

 // 1.every:对数组元素进行判断 当所有的判断结果为true的时候  才会返回true
        var arr = [100, 90, 60, 78, 90];//true true true true true
        // 需求：成绩是否都及格
        var res = arr.every(function (item, index) {//item 当前遍历的元素  100 40 60 78 90 //index是下标 0 1 2 3 4
            return item >= 60;
        })
        console.log(res);//true

some

  • 语法：数组：some(function(item,index,array){ item是当前元素 index当前元素下标 array是当前操作的数组 })

  • 作用：.some:对数组元素进行判断 只要有一个为true 结果就为true

 // 2.some:对数组元素进行判断  只要有一个为true 结果就为true
        var arr = [100, 90, 60, 78, 90];//true false false false false
        // 需求：成绩中有100分的吗？
        var res = arr.some(function (item, index) {//item 当前遍历的元素  100 40 60 78 90 //index是下标 0 1 2 3 4
            return item == 100;
​
        })
        console.log(res);//true

filter

  • 语法：数组：filter(function(item,index,array){ item是当前元素 index当前元素下标 array是当前操作的数组 })

  • 作用：filter(筛选)：对数组元素进行判断 结果为true的元素会组成一个新的数组进行返回

 // 3.filter(筛选)：对数组元素进行判断 结果为true的元素会组成一个新的数组进行返回
        var arr = [100, 90, 60, 78, 90];//true true false false true
        // 需求：将成绩大于90的元素筛选出来
        var res = arr.filter(function (item, index) {//item 当前遍历的元素  100 40 60 78 90 //index是下标 0 1 2 3 4
            return item >= 90
        })
        console.log(res);//[100,90,90]

map

  • 语法：数组：map(function(item,index,array){ item是当前元素 index当前元素下标 array是当前操作的数组 })

  • 作用：map:遍历数组 有返回值 返回值会组成一个新的数组进行返回

 // 4.map:遍历数组 有返回值  返回值会组成一个新的数组进行返回
        var arr = [50, 70, 20, 10];
        // 需求：给所有的成绩都加5分
        var res = arr.map(function (item, index) {//item 50 70 20 10
            return item + 5
        })
        console.log(res);//[55, 75, 25, 15]

forEach

  • 语法：数组：forEach(function(item,index,array){ item是当前元素 index当前元素下标 array是当前操作的数组 })

  • 作用：forEach:遍历数组 没有返回值

// 5.forEach:遍历数组  没有返回值
        var arr = [50, 70, 20, 10];
        arr.forEach(function (item, index) {
            console.log(item, index);
        })

3.正则对象

  • 正则对象：RegExp

  • 概念：提前定义好的 用于检索字符串的逻辑表达式(正则表达式)

  • 作用：验证字符串是否满足条件(多用于注册 登录界面) 验证手机号 /^1[3-9]\d{9}$/

3.1创建正则对象

  • 字面量创建

  // 1.字面量创建   /正则表达式/修饰符   \d 0-9  [0-9] 
        var reg1 = /[0-9]/gi;
        console.log(reg1);

  • 使用new关键字创建

// 2.使用new关键字创建 new RegExp(正则表达式,修饰符)
        var reg2 = new RegExp("[0-9]", "gi")
        console.log(reg2);

  • 两者的区别

 // 3.字面量创建和new关键字创建有什么区别
        //字面量创建的正则表达式中  没有变量的概念
        var a = "[0-9]"
        var reg3 = /a/gi;
        console.log(reg3);//a/gi
        //new关键字创建的  是可以识别变量
        var b = "[0-9]"
        var reg4 = new RegExp(b, "gi");
        console.log(reg4);///[0-9]/gi

3.2修饰符

  • g ：global(全局)：执行一个全局的匹配

// 1.g  global(全局)：执行一个全局的匹配
        var str = "0823web0823b0823web";
        // 需求：将所有的web都替换成java
        var reg = /web/g;//正则表达式
        var newStr = str.replace(reg, "java");
        console.log(newStr);//0823java0823b0823java

  • i：ignore case 执行一个不区分大小写的匹配

 // 2.i ignore case 执行一个不区分大小写的匹配
        var str = "she is girl,SHE is girl,he is girl";
        //需求：将she替换成this
        var reg = /she/gi;
        var newStr = str.replace(reg, "this");
        console.log(newStr);//this is girl,this is girl,he is girl

3.3检索方法

Kseven_1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
数组对象和正则
m0_70877859的博客
10-07 747
/ 带参数 按照number类型比较 sort(function(a,b){ }) // a和b是相邻的两个数据。"name":"迪丽热巴","age":19,"date":"2003-4-1""name":"李三","age":15,"date":"2006-4-1""name":"杨思","age":12,"date":"2009-4-1"
数组对象和正则数组对象和正则
hu_xingwei的博客
09-05 407
数组对象和正则
js 数组对象和正则
Korey__的博客
09-05 234
优就业是中公教育IT培训品牌，致力于培养面向电商及互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集互联网营销师、SEO优化师、SEM竞价师、社会化媒体运营师、电商运营师、互联网产品经理、网页设计师、Web前端工程师、PHP工程师、Android工程师、iOS工程师、Java工程师、C/C++工程师、软件测试工程师等课程为一体的IT培训机构。
JavaScript数组对象赋值用法实例
10-23
数组对象的赋值用法不仅仅局限于简单的添加元素和排序。JavaScript数组还提供了许多其他有用的方法，如`slice`用于截取数组的一部分，`splice`用于添加或删除数组元素，`map`用于创建一个新数组，它的元素是调用提供...
JS判断两个数组或对象是否相同的方法示例
12-08
在JavaScript中，有时我们需要判断两个数组或对象是否完全相同，这在编程中是常见的需求。以下是一些在JS中实现这种判断的方法。 首先，我们来看如何判断两个数组是否相同。通常，我们可以采取以下两种方式： 1. *...
js实现数组去重、判断数组以及对象中的内容是否相同
10-26
在JavaScript中，数组去重和判断数组或对象的内容是否相同是常见的编程需求。这里我们将深入探讨如何使用JS实现这些功能。 首先，我们来看数组去重的实现。在提供的代码中，`Array.prototype.distinct` 函数被定义...
JavaScript对象之正则表达式共16页.pdf.zi
10-30
JavaScript对象和正则表达式是编程语言JavaScript中的核心概念，特别是在处理字符串操作和模式匹配时。正则表达式（Regular Expression）是一种强大的文本处理工具，它允许我们通过一种简洁的语法来描述复杂的字符串...
JavaScript对象之正则表达式共16页.pdf.zip
10-28
JavaScript提供了几个内置的正则方法，如`test()`用于测试字符串是否匹配，`exec()`用于执行匹配并返回结果数组，`match()`、`search()`和`replace()`则分别用于全局匹配、查找第一个匹配项和替换匹配的子串。...
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 324
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
网上商品订单转手系统bootpf
weixin_43213064的博客
08-18 404
【代码】springboot网上商品订单转手系统bootpf
Vue3项目-Cesium地图初始化
StupidlyGrass的博客
08-19 69
将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下。3、index.html配置。一、安装、配置Cesium。1、安装Cesium。二、使用Cesium。
Vue :class 绑定可以结合多个判断维度来动态设置类
u010865136的专栏
08-19 63
二、:class="[isMute && 'disabled', env.isH5 && 'TUIChat-H5-footer']"一、数组语法允许你根据条件动态添加多个类名。数组中的每个元素可以是一个类名的字符串，或者是一个对象。对象中的键是类名，值是布尔值。
Vue路由
程小白的博客
08-19 326
这样我们的路由信息就配置好了。但是有一个bug需要解决。当我们配置好路由信息后，重启项目，再次访问，会发现什么也不显示，这是因为当项目启动起来时默认访问的路由的路径是"/"而非“/dept”和"/emp",但是在配置路由时并没有配置“/”的路由，因此要再新配置一个“/"的路由信息。
基于vue框架的爱看电影网站v4o92（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-15 1000
项目功能：用户,电影分类,电影信息,电影评分基于Vue框架的爱看电影网站项目功能丰富多样，旨在为用户提供一个集电影浏览、信息查询、观影体验、互动交流于一体的综合性平台。
一些有趣的XSS注入GAME
qq_67758645的博客
08-17 810
如果我们不经过前面的javascript:将其变成字符串，那么传进去后时候就会带两个引号，那么就算setTimeout可以将字符串当作代码执行，但是，里面还是一层字符串，执行不了。我理解的是javascript：将后面的alert字符串替换成alert js代码，类似于eval的作用，传进setTimeout的时候就不是字符串，而是js代码。将%编码试试，%25，这样到后端以后就会变成%28 %29，如果js能够解码的话，最后传到页面的时候在解码%28，%29为（），这样不就实现了嘛。
Bootstrap 附加导航（Affix）插件
2402_83140078的博客
08-17 600
附加导航（Affix）插件允许指定 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 会锁定在某个位置，不会随着页面其他部分一起滚动。
从0-1开发一个Vue3前端系统页面-10.博客页面优化及子菜单设计
I am the light coursing in the soul of the moon.
08-19 520
开发遇到的问题_不再会有谎言的博客-CSDN博客相关链接会在文章中标注。Wandering-children-have-the-stars-as-companions: 从0-1开发一个Vue3前端系统页面 流浪的孩子有星星作伴~ WCHTSAC (gitee.com)本节主要内容是对博客页面主要内容的布局设计实现和子菜单功能的初步实现，同时使用组件化开发对代码进行分离，使代码可读性提高。
Javascript嵌套函数的调用
Cc040909的博客
08-17 695
闭包的嵌套函数就不同了，由于有两个函数，调用栈就标记为1， 表示内部还有函数，这个函数不知道什么时候才执行，所以js引擎就把他保存在内存中了。恰好第一个函数和第二个函数执行的时候，眼睛观察到的调用是看不到对象，所以执行的是默认绑定，都默认绑定在全局对象window上(浏览器环境)。上面这个总结的过程非常微妙，细节就在于嵌套的函数的分部执行过程，尽管内部函数嵌套在外部函数内，但是外部函数并没有影响内部函数的权利，内部函数的执行是不受外部函数控制的。外部函数和内部函数是两个不同的事件循环位置，独立调用的，
三高 vue
最新发布
m0_62975692的博客
08-19 188
使用负载均衡器（如Nginx、HAProxy）可以将流量分散到多个服务器上，避免单点过载，提高系统的总体处理能力。- CDN（内容分发网络）也是一种缓存策略，用于缓存静态资源在地理上分散的节点，减少源服务器的负载和响应时间。- 引入缓存（如Redis、Memcached）可以减少数据库的读取次数，缓存频繁查询的结果，加快响应速度。- 优化数据库查询，使用合适的索引，避免复杂的关联查询可以显著提升数据库的处理能力。高扩展性是指系统或应用程序能够在面对不断增长的负载时保持性能和吞吐量的能力。
数组里面放正则表达式 includes
09-09
假设我们想在数组中存储一个用于匹配电子邮件地址的正则表达式和一个用于匹配电话号码的正则表达式，可以这样做： ```javascript var regexArray = [ /[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+/, /\d{3}-\d{3}-\d{4}...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值