28、数组方法

最新推荐文章于 2023-07-12 17:28:41 发布
最新推荐文章于 2023-07-12 17:28:41 发布
阅读量137 收藏
点赞数
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MoonNight608/article/details/106617850
版权

文章目录

介绍

本文是在学习JS所做的学习笔记，所有笔记内容请看：JS学习笔记

数组方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
    // 创建一个数组
    var arr=['swk','zbj','shc'];
   
   1、push()方法
      - 该方法可以向数组得末尾添加一个或多个元素，并返回数组得新的长度
      - 可以将要添加得元素作为方法得参数传递
         这样这些元素会自动传递到素组末尾
          

    var result=arr.push('ss','fsf','ba');
    console.log(result)// 返回数组新的长度
    
 
   2、pop()方法：
       -该方法可以删除数组得最后一个元素,并将被删除得元素作为返回值
   
   var result= arr.pop()
   

   3、unshift()
      - 向数组开头添加一个或多个元素，并返回新的数组长度
      - 向数组前边加入索引以后，其它元素得索引会依次调整
     

   arr.unshift('ss','ddd');//在开头添加ss,ddd

  4、shift()
      可以删除数组得第一个元素，并将删除得元素作为返回值返回
      
   result=arr.shift();
   
  </script> 
</head>
<body>
</body>

forEach()方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
 
    遍历数组一般使用for循环
      JS为我们提供了一个方法，用来遍历数组
      forEach() 
            -这个方法只支持IE8以上得浏览器
   
    // 创建一个数组
    var arr=['swk','zbj','shc'];

    1、forEach()方法需要一个函数作为参数
        - 像这种函数，由我们创建但是不由我们调用得，我们称为回调函数
        - 数组中有几个元素，函数就会执行几次。每次执行时，浏览器会将遍历到
          得元素，以实参得形式传递进来，我们就可以定义形参，来读取这些内容
        
        - 浏览器会在回调函数中传递三个参数
           - 第一个参数，当前在正在遍历得元素
           - 第二个参数，就是当前正在遍历的元素得索引
           - 第三个参数，当前正在遍历的数组
   
     arr.forEach(function(a,b,c){
         console.log(a)
     }); 
    
    </script>

  
</head>
<body>
</body>

slice()方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
 
    1、slice()
        - 从某个数组返回选定的元素，用来从数组中提取指定元素
        - 该方法不会改变原数组，而是将截取到的值封装到一个新数组中返回
        - 参数
           1.截取开始的位置索引，包含开始索引
           2.截取结束位置的索引，不包含结束索引
              第二个参数可以省略不写，此时会截取从开始索引往后的索引
           3.索引可以传递一个负值(表示从后往前数)
    */
    // 创建一个数组
    var arr=['swk','zbj','shc'];
    
    arr.slice(0,2);

    
    </script>

  
</head>
<body>
</body>

splice()方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
   
     1、splice()
       - 用于删除数组中的指定元素
       - 使用splice会影响到原数组，会将指定元素从原数组中删除
          并将被删除的元素作为返回值返回 
       - 参数
          第一个参数，开始位置的索引
          第二个参数，删除的数量 
          第三个及以后的参数，表示添加的新的元素，这些元素将会自动插入
          到开始位置索引的前边
   
    // 创建一个数组
    var arr=['swk','zbj','shc'];
    // 表示不删除，并在索引1前加入ss
    var result=arr.splice(1,0,'ss')
    

    
    </script>

  
</head>
<body>
</body>

数组剩余方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
     var arr=['孙悟空'，'猪八戒'，'沙和尚']；
     var arr2=['白骨精'，'玉兔精'，'蜘蛛精']；
     var arr3=['dd','fsd','ddfsda'];
  
 1、concat() 可以连接两个或多个数组，并将新的数组返回
      该方法不会对原数组产生影响
  
    // 即可以连接数组，也可以连接元素
    var result=arr.concat(arr2,arr3,'fdsf');
    console.log(result);
    
   
  2、join()
        该方法将数组转换成一个字符串
        该方法不会对原数组产生影响
        -在join()中可以指定一个字符串作为参数，这个字符串将会称为数组中元素的
        连接符.如果不指定连接符，则默认使用，作为连接符
    
   var res=arr.join('-');
    

  3、reverse()
      -该方法用来反转数组
       该方法会直接修改原数组
 
    arr.reverse();
 
  4、sort()
      -可以用来对数组进行排序
        直接对原数组进行修改,默认会按照Unicode编码进行排序
        即使对于纯数字的数组，使用sort()排序时，也会按照Unicode编码排序
        所以对数字进行排序时，可能会得到错误的结果
       
      -可以自己指定排序规则
        可以在sort()中添加一个回调函数，来指定排序规则
        回调函数中需要定义两个形参
        
        浏览器将会分别使用数组中的元素作为实参去调回调函数
        它使用那个元素调用不确定，但是肯定的是在数组中 a一定在b 前边
        -浏览器会根据回调函数返回值来决定元素的顺序
           如果返回一个大于0的值，则元素交换位置
           如果返回一个小于0的值，则元素位置不变
           如果返回一个0，则认为两个元素相等，不交换位置
    */
    arr.sort()
    arr=[3,4,11,2,5];
    
    arr.sort(function(a,b){
        return a-b;// 升序
        return a-b;// 降序
    });
    
    </script>  
</head>
<body>
</body>
五仁卤鸡翅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
删除数组重复元素（VB.NET）
07-20
VB.NET删除数组中的重复元素,包括源码和可执行程序，已在VS2005中测试通过。
php根据年月获取当月天数及日期数组的方法
12-19
2. 使用`explode()`函数将年月字符串按'-'分割，存储到数组`$tem`中。`$tem['0']`代表年份，`$tem['1']`代表月份。 3. 使用`in_array()`函数检查月份是否为31天的月份（1, 3, 5, 7, 8, 10, 12）或者2月。如果是，...
28个Javascript数组方法
weixin_44759289的博客
05-13 249
1、Array.map() map() 方法创建一个新数组，这个数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。 const list=[1,2,3,4]; list.map(item=>item*2);//[2,4,6,8] 2、Array.filter() filter()方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素 const list=[1,2,3，4] list.filter((item)=>item%2===0);//[2,4] 3、Array.red
移除数组中指定的某个值
weixin_33724659的博客
04-21 719
var arr = [1, 2, 3, 4, 5];var removeItem = 2; arr = $.grep(arr, function(value) {return value != removeItem;}); 转载于:https://blog.51cto.com/10992653/1766364
JavaScript中的数组方法总结+详解
热门推荐
qq_43223007的博客
11-28 4万+
在JS中,数组方法是非常重要且常用的的方法.在此整理总结一番. JavaScript 数组的力量隐藏在数组方法中。 1. js常用数组方法 方法名 功能 返回值 是否改变原数组 版本 push() 在数组最后一位添加一或多个元素 返回长度 Y ES5- unshift() 在数组前添加一或多个元素 返回长度 Y ES5- 2.方法详解 1.push .........
前端开发中常见的20个数组方法，你真的掌握了吗？
m0_57524265的博客
07-12 7439
javascript内置有很多好用的数组方法，包括添加和删除元素、合并和拆分数组、以及对数组进行排序和搜索等，看看你掌握了几个，文末包含一道将平铺数组结构转换为tree型数组结构练习题！
JavaScript数组方法
6块腹肌的博客
01-13 4440
对js数组方法做个总结和记录，也是方便日后忘记了好再次查询。 在w3c里面，官方给出的数组方法共有30个之多，实际上在开发当中，我们常用的可能也就十多个，下面就把数组的方法写下来： 1、concat()，连接两个或者更多的数组，并返回一个新的数组。 let arr = [2, 3, 1, 9, 7, 5, 8, 22]; let arr2 = ['这是arr2']; console.log...
最全es6数组方法
m0_49515138的博客
02-21 1297
实行方法：回调函数第一次执行时，preValue 和 curValue 可以是一个值,如果 initialValue 在调用 reduce() 时被提供，那么第一个 preValue 等于 initialValue ，并且curValue 等于数组中的第一个值；参数： callback: previousValue 必选 --上一次调用回调返回的值，或者是提供的初始值（initialValue）end --可选 索引到该位置停止读取的数组项，默认是Array.length,如果是负值，表示倒数。
JS数组的方法大全
qq_56668869的博客
07-11 572
数组的所有方法、数组扩展的方法、复制、合并数组、数组的转换
数组的常用方法
weixin_55897003的博客
04-11 558
1.数组常用方法之 push push是用来在数组的末尾追加一个元素，返回添加以后的长度 var arr=[1,2,3]; //可追加一个 arr.push(5); //可追加多个 arr.push(6,7,8); console.log(arr); 运行结果： 2.数组常用方法之pop pop 是用来删除数组末尾的一个元素,返回删除的元素 var arr=[1,2,3]; var res = arr.pop() console.log(res);//结果为3 3.数组常用方
前端常用数组方法集合
weixin_51609337的博客
06-17 1603
一、Array 1.添加元素 1）.push:尾部添加元素
ThinkPHP查询返回简单字段数组的方法
01-21
本文实例讲述了ThinkPHP查询返回简单字段数组的方法，是ThinkPHP程序设计中一个很实用的功能。具体方法如下： 通常来说使用select语句。返回的都是结构较复杂的字段数组。如以下是一个简单的查询： $map['parentid'...
PHP实现一维数组转二维数组的方法
10-24
二、一维数组转二维数组的方法 要将一维数组转换为二维数组，我们需要遍历一维数组，然后将每个元素插入到新的二维数组中作为一个新数组。以下是一个简单的实现方法： ```php // 原始一维数组 $asr[1] = array("a...
js用闭包遍历树状数组的方法
12-12
做公司项目时，要求写一个方法，方法的参数为一个菜单数组集合和一个菜单id，菜单数组的格式为树状json,如下面所示： 代码如下:[{“id”:28,”text”:”公司信息”,”children”:[  {“id”:1,”text”:”公司文化...
实验五数组
11-17
数组可以是一维数组、二维数组或多维数组，数组的定义、赋值、输入输出方法等都是数组的基础知识。 一、数组的定义 数组的定义是指数组的名称、数据类型和元素个数，例如：`int a[10];`定义了一个名为a的整型数组...
Dart数组常用方法
大灰狼的小绵羊哥哥的博客
11-28 6694
一、数组的定义 1、定义固定类型数组 // 定义固定类型的数组 var list = List<int>(); print('$list - length: ${list.length}'); // 输出 [] - 0 复制代码 2、定义固定长度数组 var list2 = List(2); print('$list2'); // [null, null] 复制代码 3、定义混合类型数组 var list3 = List<dynamic>(); list3.a
4、JS 标志符
MoonNight608的博客
04-21 449
文章目录介绍JS标识符 介绍 JS标识符 标识符： - 在JS中，由我们自主命名的，都可以称为标志符 var a - 例如变量名、函数名、属性名 -命名标志符需要遵守如下规则： 1.标识符中可以有字母、数字、_、$ 2.标识符不能以数字开头 3.标识符不能是ES中关键字或保留字 4.标识符中一般采用驼峰命名法 - JS底层保存标识符实际上用的Unicode编码，所以 理论上，所有的UTF-8中...
flexible.js原理理解
MoonNight608的博客
09-03 385
结合以下几篇文章，深入理解flexible.js 1、https://www.runoob.com/w3cnote/viewport-deep-understanding.html 2、https://segmentfault.com/a/1190000004403496 3、https://www.cnblogs.com/xiuhongbin/p/tiantain.html 4、https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.htm
7、JS运算符
MoonNight608的博客
05-27 329
文章目录加减运算一元运算 加减运算 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> 运算符也叫操作符，可以对一个或者多个值进行运算，并获取结果 -非number的值进行运算时，先将值转换成number类型，再进行运算
js数组方法shift
最新发布
07-27
shift() 方法用于从数组中删除第一个元素，并返回被删除的元素。\[2\]该方法会改变原始数组。在使用 shift() 方法后，数组的长度会减少1，并且所有的元素会向前移动一个位置。\[2\]下面是一个示例代码演示 shift() ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值