数组的操作方法?

最新推荐文章于 2022-06-23 20:49:25 发布
最新推荐文章于 2022-06-23 20:49:25 发布
阅读量75 收藏
点赞数
原文链接：https://juejin.im/post/5c33548e51882525c712f6f2
版权 
<script>
    var arr = [1, 2, 3, 4]
    
    // 假如或往数组里再添加一项
    arr.push(5)
    console.log(arr)

    // Array.prototype  arr.__proto__ 存储着很多我们操作数组的方法

    // 它俩 指向的是同一块内存 存储着很多操作数组的方法
    console.log(Array.prototype === arr.__proto__)
  </script>
复制代码

1.添加删除

 <script>
// 从以下几个方面研究数组方法
// 1.作用
// 2.数组返回值
// 3.原数组是否改变

  // 数组的添加 push unshift

  // push
  // 作用 向数组末尾添加一项或者多项
  // 返回值 添加后的数组长度
  // 原数组发生了改变

  // var arr = [10, 20, 30]
  // var result = arr.push('hello')
  // console.log(arr) // [10, 20, 30, "hello"]
  // console.log(result) // 4

  // unshift
  // 作用 向数组开头添加一项或者多项
  // 返回值 添加后的数组长度
  // 原数组发生了改变

  // var arr = [10, 20, 30]
  // var result = arr.unshift(100, 200)
  // console.log(arr) // [100, 200, 10, 20, 30]
  // console.log(result) // 5

  // 数组的删除 pop shift

  // pop
  // 作用 删除数组中的最后一项
  // 返回值 删除的那一项（最后一项）
  // 原数组发生了改变

  // var arr = [10, 20, 30, 100]
  // var result = arr.pop()
  // console.log(arr) // [10, 20, 30]
  // console.log(result) // 100

  // shift
  // 作用 删除数组中的开头第一项
  // 返回值 删除的那一项（第一项）
  // 原数组发生了改变

  var arr = [10, 20, 30]
  var result = arr.shift()
  console.log(arr) // [20, 30]
  console.log(result) // 10
  </script>
复制代码

2.splice添加删除

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    // splice
    // 向数组中删除 插入
    // 返回值 新数组（删除内容组成的新数组） 如果没删除 就返回一个新的空数组[]

    // 情况一 无参数
    // 一项都不删除 
    // 原数组没有变化
    // 返回值 一个新的空数组

    // var arr = [10, 20, 30]
    // var result = arr.splice()
    // console.log(arr) // [10, 20, 30]
    // console.log(result) // []

    // 情况二 一个参数  
    // splice(x) 从索引x处开始 一直删除到数组末尾
    // 返回值 删除后的内容 组成的新数组
    // x删除的起始索引

    // var arr = [10, 20, 30, 40, 50]
    // var result = arr.splice(1)
    // console.log(arr) // [10]
    // console.log(result) // [20, 30, 40, 50]

    // 支持负数作为索引
    // splice(-x) => splice(arr.length + (-x)) => splice(arr.length - x) 
    // 倒着删除x项
    // var arr = [10, 20, 30, 40, 50]
    // // arr.splice(-1)
    // var result = arr.splice(-2) // splice(3)
    // console.log(arr) // [10, 20, 30]
    // console.log(result) // [40, 50]

    // 情况三 两个参数
    // splice(x, y) 从索引x处开始 删除y个
    // 返回值 删除的内容 组成的新数组

    var arr = [10, 20, 30, 40, 50]
    // var result = arr.splice(2, 2)
    // console.log(arr) // [10, 20, 50]
    // console.log(result) // [30, 40]

    // 第二项为0 一个都不删除 (删除0个)
    // var result = arr.splice(2, 0)
    // console.log(arr) // [10, 20, 30, 40, 50]
    // console.log(result) // []


    // 情况三 两个以上参数
    // splice(x, y, ...z) 
    // 从索引x处开始 删除y个 将第三个实参以及后面的内容插入到索引x处
    // 删除再插入 （从哪儿开始删除 就从哪开始插入）
    // 返回值 删除后的内容组成新数组

    // var arr = [10, 20, 30, 40, 50]

    // var result = arr.splice(2, 2, 100, 200)

    // console.log(arr) // [10, 20, 100, 200, 50]
    // console.log(result) // [30, 40]

    // 两个以上参数 第二项为0
    // 只插入不删除(添加)
    // splice(x, 0, ...z) 将第三个实参以及后面的内容插入到索引x处

    var arr = [10, 20, 30, 40, 50]
    // arr.splice(1, 0, 'hello', 'world')
    // console.log(arr) // [10, "hello", "world", 20, 30, 40, 50]

    // 相当于unshift 向开头添加一项或多项
    // arr.splice(0, 0, 1000, 2000)
    // console.log(arr) // [1000, 2000, 10, 20, 30, 40, 50]

    // 相当于push 向末尾添加一项或多项
    arr.splice(arr.length, 0, 2018) // splice(5, 0, 2018)
    console.log(arr) // [10, 20, 30, 40, 50, 2018]
  </script>
</body>
</html>
复制代码

3.indexOf lastIndexOf查询

<script>
    // indexOf lastIndexOf

    // indexOf
    // 查找某一项 在数组中的索引位置
    // 从前向后查找
    // 原数组 不会发生改变

    // var arr = [10, 20, 30, 40]
    // var result = arr.indexOf(20) // 1
    // console.log(result)
    // console.log(arr) // [10, 20, 30, 40]

    // 如果查找不到 返回 -1
    // console.log(arr.indexOf(200)); // -1

    // lastIndexOf
    // 从后向前查找
    // 查找某一项 在数组中的索引位置

    // var arr = [20, 10, 30, 10, 40]

    // console.log(arr.indexOf(10)) // 1 前面的10 索引位置

    // console.log(arr.lastIndexOf(10)) // 3 后面的10 索引位置



    
     var arr = [20, 10, 30, 10, 40]

     // 说明我们这个数组里 只有一个30 没有重复项
    //  console.log(arr.indexOf(30)) // 2

    //  console.log(arr.lastIndexOf(30)) // 2

     var arr = [NaN, '2', 1 , 3]//绝对比较,数据类型不相等,就返回-1

    //  console.log(arr.indexOf(NaN))
    //  console.log(arr.indexOf(2))


  // 扩展 indexOf实现原理
  //   function myIndexOf(arr, val) {
  //     for (var i = 0; i < arr.length; i++) {
  //       if (val === arr[i]) {
  //         console.log('return', i)
  //         return i // 将找到索引返回
  //       }
  //     }
  //     return -1
  //   } 
  //   // [NaN, '2', 1 , 3]
  //  console.log(myIndexOf(arr, 1))


    // ary 查找的数组  val要查找的值
    // function hasVal(ary, val) {
    //  
    //   if (ary.indexOf(val) > -1) {
    //     return true
    //   } else {
    //     return false
    //   }
    // }
    // console.log(hasVal(arr, 200)) // false

    // var a = [1, 2, 3]
    // console.log(hasVal(a, 3)) // true
    // console.log(hasVal(a, 10)) // false

  </script>
复制代码

4.slice截取

<script>
    // slice 截取 复制
    // 不会改变原数组

    // slice()/slice(0) 克隆
    // 将原数组内容 完全克隆一份 作为一个新数组返回
    // var arr = [10, 20, 30, 40]
    // var result = arr.slice(0)
    // console.log(arr)
    // console.log(result) // 返回的新数组里面内容 跟原数组一模一样

    // console.log(result == arr) // false
    // console.log(result === arr) // false


    // 一个参数
    // slice(x) 从索引x处开始 一直截取到末尾
    // 原数组不会改变
    // 将截取到的内容 组成新数组 返回

    var arr = [10, 20, 30, 40, 50]
    var result = arr.slice(2)
    // console.log(result) // [30, 40, 50]

    // 支持负数 相当于倒着截取x个
    // slice(-x) => slice(arr.length + (-x)) => slice(arr.length - x)
    // console.log(arr.slice(-3)) // [30, 40, 50]


    // 两个参数
    // x 起始索引 y结束索引
    // slice(x, y) 从索引x处开始截取 截取到索引y处（不包含索引y这项）

    var arr = [10, 20, 30, 40, 50]
    var result = arr.slice(1, 3)
    console.log(result) // [20, 30]

    // slice(-x, -y)
    console.log(arr.slice(-3, -1)) // slice(2, 4) [30, 40]

    // 参数不合理 返回一个新的空数组
    console.log(arr.slice(3, 1)) // []

   </script> 
复制代码

5.排序和排列

 <script>
    // 排序
    // 原数组改变
    // 返回值 就是排好序的原始数组

    // 如果有字母就按字母顺序排列 

    // sort() 默认从小到大排序
    // var arr = [4, 'c', 2, 'a', 'b', 1, 6]
    // var result = arr.sort()
    // console.log(arr) // [1, 2, 4, 6, "a", "b", "c"]
    // console.log(result === arr)

    // sort() 只能排序10以内 (ascii)
    var arr = [4, 2, 30, 7, 10, 20]
    // console.log(arr.sort()) // [10, 2, 20, 30, 4, 7]

    // 从小到大
    arr.sort(function(a, b) {
      return a - b // 从小到大
    })
    console.log(arr) // [2, 4, 7, 10, 20, 30]

    // 从大到小
    arr.sort(function(a, b) {
      return b - a
    })
    console.log(arr) // [30, 20, 10, 7, 4, 2]

    // reverse 倒着排列
    var arr = [1, 2, 3, 4]
    console.log(arr.reverse()) // [4, 3, 2, 1]

  </script>
复制代码

6.数组转成字符串

<script>
    // 将数组转换成字符串 原数组不改变
    // toString()
    // var arr = [1, 2, 3, 4]
    // var result = arr.toString()
    // console.log(result) // "1,2,3,4"
    // console.log(arr) // [1, 2, 3, 4]

    // join()
    // 根据指定连接符（分隔符） 将数组转换成字符串
    var arr = [1, 2, 3, 4]
    console.log(arr.join()) // "1,2,3,4"
    arr.join('+') // "1+2+3+4"
    arr.join('*') // "1*2*3*4"

    // 将字符串当做js代码来执行
    eval("1+2+3+4")
   
    // 纯数字数组 求和
    var ary = [11, 20, 12, 9]
    var str = ary.join('+')
    eval(str) // 52

    console.log(eval(ary.join('+'))) // 52

  </script>
复制代码

7.数组拼接

<script>
    // concat 合并
    // 不会影响原数组
    var arr1 = [100, 200]
    var arr2 = [300]

    var result = arr1.concat(arr2)
    console.log(result) // [100, 200, 300]

    console.log(arr2.concat(arr1)) // [300, 100, 200]

    var ary1 = [1]
    console.log(ary1.concat(100, ['hello'], 'nihao'))
    // [1, 100, "hello", "nihao"]

    console.log([1].concat([2, 3, 4])) // [1, 2, 3, 4]

    // concat 拼接时 只能展开一层数组
    var n = [[2, 1]]
    // console.log([1].concat(n)) // [1, [2, 1]]

    // 原数组
    var arr = [3, 1, 2]
    arr.sort()
    console.log(arr) // [1, 2, 3]
    

    var a1 = [100]
    var a2 = [200]
    var result = a1.concat(a2)
    console.log(result) // [100, 200]
  </script>
复制代码
weixin_33895016
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 关于数组的操作方法大全
pipi1512的博客
06-25 438
1.concat 合并数组 var a = [1,2,3,2,3,3] var b = [5,6,8] var c = a.concat(b) console.log(c)//[1, 2, 3, 2, 3, 3, 5, 6, 8] 2.fill 使用固定值填充数组 var arr = [1,2,3,4,5] var b = arr.fill(3) console.log(b)//[3, 3, 3, 3, 3] 3.filter 过滤 返回数组中所有满足条件的值 返回类型是Array var arr =
js常用数组操作方法简明总结
12-04
//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.join("|")); //返回结果是red|green|blue var colors = ["red","green","blue",null];...
数组常用的操作方法
shfjcncjn的博客
06-23 2923
1，什么是数组？元素组成的有序集合2，创建数组两方式？示例：1，push 尾部添加 数组本身改变 返回值 是数组的长度2，pop 尾部删除 数组本身改变 返回值 返回删除的数组3，shift 头部删除 数组本身改变 返回值 返回删除的元素4，unshift 头部添加 数组本身改变 返回值 是数组的长度5，sort 排序 数组本身改变 返回值 排序后的数组6，reverse 反转 数组本身改变 返回值 反转后的数组7，splice 删除 添加 替换 arr.splice(下标，长度，插入
数组的基本操作方法
weixin_44751462的博客
06-25 1万+
数组的基本操作 1、往数组中添加一个元素： push方法（在尾部添加）unshift方法（在头部添加） 二者均返回数组长度 2、从数组中删除一个元素： pop() 方法（在尾部删除）shift() 方法（在头部删除） 二者均返回删除元素 总结：push()、pop()、shift()、unshift()都会改变原数组 3、提取数组中的一部分 slice() 方法：slice（开始位置，结束位置）...
JS - 数组常用操作方法
技术共享，共同进步！
09-28 992
数组常用操作方法
数组操作方法归纳总结
wy_Blog的博客
02-18 8218
个人的一个小总结，哪里有错误和不足欢迎批评指正： 1、数组创建： var arr = new Array(); var arr = new Array([size]);//创建并指定长度，但是长度是可以随之发生改变的 2、数组的头部添加删除： unshift()头部添加  shift()头部删除   3、数组的尾部添加删除： Push()尾部添加     pop()尾部删除
以史为鉴之C实践：一维数组的操作（初始化、计算长度、拷贝、删除、插入、排序）
weixin_42098322的博客
11-19 666
在写的时候遇到的最大的问题还是在拷贝数组上，由于数组的静态空间导致越界、拷贝长度调整等问题，使得程序没能呈现意料中的效果。以史为鉴可以知兴衰，总结一下遇到的主要问题： copyarray(int *src, int *dest); //将dest拷贝到src 开始的时候，拷贝函数还是比较简略的，是直接改变了src数组的指向，没有考虑过静态空间的问题，只要数组dest的长度大于src的长度，就会出现越界。 int copyarray(int *src, int *dest) { int n = lengt
js数组操作方法总结(必看篇)
10-21
下面小编就为大家带来一篇js数组操作方法总结(必看篇)。小编觉得挺不错的，希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦
PHP中常用的数组操作方法笔记整理
12-18
数组的基本操作 php定义数组： <?php $array = array(); $array["key"] = "values"; ?> 在PHP中声明数组的方式主要有两种： 1.用array()函数声明数组， 2.直接为数组元素赋值。 <?php //array数组 ...
PHP 数组基本操作方法详解
12-19
PHP 还提供了超过 70 个内建函数来操作数组。 创建数组 使用 array() 语言结构创建数组： <?php $arr_age1 = array(18, 20, 25); // 或者： $arr_age2 = array("wang"=>18, "li"=>20, "zhang"=>25); // 空数组...
一维数组的删除和插入
qq_45706390的博客
10-15 797
一维数组的删除和插入 #include <stdio.h> #include <stdlib.h> int main() { int i,j,count =5; int powers[]={123,234,345,567,678}; int del,charu; printf("请输入需要删除的数字:\n"); scanf_s("%d",&del); ...
数组的常用操作方法
不甜呐的博客
05-28 710
1.sort() 描述：能根据提供的排序规则，对数组元素进行排序 排序顺序可以是字母或数字，并按升序或降序，默认排序顺序为按字母升序。 使用数字排序，你必须通过一个函数作为参数来调用。 语法：arr.sort(排序规则);注意： (1)如果不写参数，默认按照编码方式(Unicode大小)进行排序 (2)本方法会改变原数组的结构 兼容性：所有主要浏览器都支持 var arr = [243,123,567,453,54,34,...
关于数组的10个操作方法！
热门推荐
liuyingv8的博客
05-24 1万+
1.shift() 方法：把数组的第一个元素删除，并返回第一个元素的值var movePos=[1,2];movePos.shift()console.log(movePos)//[2]document.write(movePos.length);//12.concat() 方法：用于连接两个或多个数组,并返回一个新数组，新数组是将参数添加到原数组中构成的  3. join() 方法：用于把数组中...
数组的基本操作
weixin_44014707的博客
12-12 286
一维数组的输入与输出： int[] arr = new int[100]; for (int i = 0; i &lt; arr.Length; i++) { arr[i] = i + 1; } for (int i = 0; i &lt; a...
数组操作方法大全
studentenglish的博客
07-09 879
话不多说，先上大纲，从目录来来回顾数组的各种操作方法，具体的使用方法在接下来会详细列出。 接下来是各个方法的具体使用方法： 数组：（ES6） callback[, thisArg] 其中： thisArg为callback函数的三个参数的总称---- value, index, currentArr 数组遍历处理： array.forEach(callback[, thisArg]) arr...
数组的常见操作方法
星下云的博客
08-27 1万+
数组的常见操作 let arr = [1,4,5,7,9];   1. 判断数组中某个元素是否存在    para1:待判断的元素  返回值：元素在数组中的索引，如果不存在，返回-1  let isExist = arr.indexOf(4) !=-1; 2、向数组中追加元素  para1:要追加的元素  返回值是数组的长度; arr.push(100);    3、在...
一维数组数据的处理（排序，删除，插入）
Utotao的博客
06-15 4056
注意点 一：排序后数组转移储存，以便后续操作，比如插入处理 二：熟练掌握数组的录入，排序处理 三：掌握障眼法删减数组元素// // main.c // 123 // // Created by utotao on 2017/6/15. // Copyright © 2017年 乙一. All rights reserved. // #include <stdio
Java数组常见操作---初学者
y_y_woxin的博客
10-27 123
1. 输入 一维数组 Scanner input=new Scanner(System.in); int[] a=new int[5]; for(int i=0;i<a.length;i++) { a[i]=input.nextInt(); } 二维数组 Scanner input=new Scanner(System.in); int[][] a=new int[5][5]; for(int i=0;i<a.length;i++) { for(
操作数组常用的几种方法
m0_61701551的博客
03-02 7509
1、forEach——循环遍历 forEach用于循环遍历数组最常用的方法之一,它提供一个回调函数，可用于处理数组的每一个元素，默认没有返回值。回调函数的参数,第一个参数是数组的每一项,第二个参数是数组中每一项的下标 var arr = [1, 2, 3, 4, 5, 6]; arr.forEach((item, index) => { console.log(item,index); }); //输出结果：item ： 1 2 3 4 5 6 ， index： 0 1 2 3 4 5..
c#动态数组如何实现？
最新发布
10-23
C#动态数组可以通过使用List类来...List类提供了许多有用的方法，例如Add()、Remove()、Insert()、Contains()等，可以方便地操作数组中的元素。此外，List类还提供了ToArray()方法，可以将List转换为普通的静态数组。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值