JavaScript数组数据的基本方法

最新推荐文章于 2023-09-08 08:46:45 发布
最新推荐文章于 2023-09-08 08:46:45 发布
阅读量196 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nmsl_double/article/details/111497506
版权

记录–数组的基本属性和方法，输出包含原数组的表明方法会改变原数组内容

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>数组方法</title>
  </head>
  <body>
    <script>
      let arr1 = ["red", "yellow", "pink", "black"];
      console.log(arr1.length); // 4
      console.log(arr1[3]); // black
      let arr2 = new Array("1", "2", "3", "4");
      console.log(Array.from("hello")); // ["h", "e", "l", "l", "o"]
      function arrFrom() {
        return Array.from(arguments, (e) => {
          return e * e;
        });
      }
      console.log(arrFrom(1, 2, 3, 4, 5)); // [1, 4, 9, 16, 25]
      function arrSlice() {
        return Array.prototype.slice.call(arguments);
        // return Array.of();
      }
      console.log(arrSlice(1, 2, 3, 4, 5)); // [1, 2, 3, 4, 5]
      function reset(...arg) {
        return arg;
      }
      console.log(reset(1, 2, 3, 4, 5)); // [1, 2, 3, 4, 5]
      console.log(new Array(6)); //[empty × 6]
      // 判断是否为数组
      console.log(arr1 instanceof Array); // true
      console.log(arr2 instanceof Array); // true
      console.log(Array.isArray(arr1), Array.isArray(arr2)); // true true
      //   迭代器方法
      let arr3 = ["foo", "bar", "baz", "qux", "vue"];
      console.log(...arr3.keys()); // 0 1 2 3 4    keys() 返回数组索引的迭代器
      console.log(...arr3.values()); // foo bar baz qux vue 返回数组元素迭代器
      console.log(...arr3.entries()); // [0, "foo"] [1, "bar"]  [2, "baz"]  [3, "qux"]  [4, "vue"]
      // 数组复制
      let arr4 = [0, 0, 0, 0, 0];
      console.log(arr4.fill(5)); // [5, 5, 5, 5, 5]
      console.log(arr4.fill(6, 3)); // [5, 5, 5, 6, 6]
      console.log(arr4.fill(7, 1, 3)); //[5, 7, 7, 6, 6]
      let arr5 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
      console.log(arr5.copyWithin(5)); // [1, 2, 3, 4, 5, 1, 2, 3, 4, 5]
      console.log(arr5.copyWithin(0, 5)); // [1, 2, 3, 4, 5, 1, 2, 3, 4, 5] 复制索引5开始的内容，插入到索引0开始的位置
      console.log(arr5.copyWithin(4, 0, 3)); // [1, 2, 3, 4, 1, 2, 3, 3, 4, 5] 复制索引0开始到索引3结束的内容，插入到索引4开始的位置
      //转换方法
      let arr6 = ["red", "blue", "green"];
      console.log(arr6.toString()); // red,blue,green
      console.log(arr6.valueOf()); // ["red", "blue", "green"]
      //   栈方法
      console.log(arr6.push("pink"), arr6); // 4 ["red", "blue", "green", "pink"]
      console.log(arr6.pop(), arr6); // pink ["red", "blue", "green"]
      // 队列方法
      console.log(arr6.shift(), arr6); // red  ["blue", "green"]
      console.log(arr6.unshift("green"), arr6); // 3  ["green", "blue", "green"]
      let arr7 = [4, 3, 2, 6, 9, 4];
      console.log(arr7.reverse()); //  [4, 9, 6, 2, 3, 4]
      console.log(
        arr7.sort((a, b) => {
          return a - b;
        })
      ); //[2, 3, 4, 4, 6, 9]
      console.log(arr7.sort((a, b) => b - a)); //[9, 6, 4, 4, 3, 2]
      let arr8 = ["hello", "i", "am"];
      console.log(arr8.concat("blank", ["cheng"])); //["hello", "i", "am", "blank", "cheng"]
      console.log(arr8.slice(1, 3), arr8.slice(1, 2)); //["i", "am"] ["i"]
      console.log(arr7.splice(1, 2), arr7); //[6, 4] [9, 4, 3, 2]
      console.log(arr8.splice(1, 2, "my", "name", "is"), arr8); // ["i", "am"]  ["hello", "my", "name", "is"]
      // 严格相等
      let arr9 = [1, 2, 32, 34, 12, 9, 4, 14];
      console.log(arr9.indexOf(2)); // 1
      console.log(arr9.lastIndexOf(12)); // 4
      console.log(arr9.includes(34)); // true
      // 断言函数
      console.log(arr9.find((e, i, arr) => e > 10)); //32
      console.log(arr9.findIndex((e, i, arr) => e > 10)); // 2
      console.log(arr9.every((e, i, arr) => e > 10)); // false
      console.log(arr9.every((e, i, arr) => e < 50)); // true
      let arr0 = [1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9];
      console.log(arr0.filter((e, i, arr) => e > 5)); // [6, 7, 8, 8, 9]
      arr0.forEach((e, i, arr) => {
        //console.log(arr); //[1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 8, 9]
        console.log(e > 5); // 7false 5true
      });
      console.log(arr0.map((e, i) => e * 2)); //[2, 4, 4, 6, 8, 10, 10, 12, 14, 16, 16, 18]
      console.log(arr0.some((e, i) => e === 6)); //true 有一项符合函数就输出true
      console.log(arr0.reduce((pre, cur, curIndex, arr) => pre + cur)); // 60
      console.log(arr0.reduce((pre, cur, curIndex, arr) => pre + cur, "")); // 122345567889
    </script>
  </body>
</html>
前面的路端着走
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS数组的基本操作方法
wangboyujiayou的博客
11-22 130
一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console.log(arr1); //[1, 2, 3] console.log(arr3); //[1, 2, 3, 4, 5] 二...
JavaScript基础知识—数组的剩余方法
qq_51979606的博客
12-21 744
concat()方法 定义 可以连接两个或多个数组,并将新的数组返回 该方法不会对原数组产生影响 例子 <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var arr = ["上古", "夏朝", "商朝"]; var arr1 = ["吴国", "齐国",
java将两个byte数组合为一个
Roy_70的专栏
05-18 9908
java中byte数组无法像String类型一样直接使用”+”连接起来，而是需要使用到System.arraycopy方法来讲数组复制到另一个更大的数组指定位置中，所以这个方法也适用于合并其他类型的数组。 所以废话不多说，直接上代码，我将其写成了了一个方法，可以直接调用： /** * 合并byte数组 */ public static byte[] unitByt
java拼接byte[]数组
weixin_42602900的博客
05-27 4142
//java合并两个byte数组 publicstaticbyte[]byteMerger(byte[]byte_1,byte[]byte_2){ byte[]byte_3=newbyte[byte_1.length+byte_2.length]; System.arraycopy(byte_1,0,byte_3,0,byte_1.length); System.arraycopy(byte_2,0,...
java 中byte[] 数组的合并
qq_37761176的博客
09-14 852
java 中byte[] 数组的合并 因工作的需要,在从事 .Net 的开发中接触到了 Java, 虽然在大学的时候学过一段Java 编程,但并没有在实际的工作中使用过, Java 和 .Net的C#语法很相似,都是面向对象的,感觉在语法上只有些细微的差异,这里主要介绍以下,将两个数组合并成的操作,废话不多说,直接上代码: 复制代码 //System.arraycopy()方法 public static byte[] byteMerger(byte[] bt1, byte[] bt2){ byte[] b
合并2个byte数组
最新发布
l23456789o的博客
09-08 1898
在Java中，你可以通过创建一个新的byte数组并将两个byte数组的元素复制到新的数组中来合并两个byte数组。它首先创建一个新数组，长度为两个输入数组的长度之和。的元素复制到新数组中。最后，它遍历并打印合并后的数组。这段代码将两个byte数组。合并到一个新的byte数组。
合并多个byte数组
A1114628118的博客
10-30 1656
合并多个byte数组 public static byte[] splicingArrays(byte[]... bytes) { int length = 0; for (byte[] b : bytes) { length += b.length; } int interimLength = 0; byte[] result = new byte[length]; for (byte[
JavaScript数据结构之数组的表示方法示例
10-20
数组的表示方法是基于数据结构理论的线性表概念，线性表是一种基本的一维数据结构，其中元素按照特定顺序排列。在JavaScript中，数组具有动态大小和可变性，这意味着可以在创建后添加或删除元素，这与传统数据结构中...
Javascript数组中push方法用法分析
10-21
JavaScript中的数组方法`push()`允许我们在数组末尾添加一个或多个元素，并返回更新后数组的长度。这个方法是数组原型链`Array.prototype.push`的一部分，因此任何具有数组行为的对象（如模拟数组的对象字面量）都...
JavaScript数组前面插入元素的方法
10-24
`unshift`方法是JavaScript数组对象的一个内置方法，它的基本语法如下： ```javascript array.unshift(element1, element2, ..., elementN) ``` 这里的`element1`, `element2`, ..., `elementN`是要插入到数组开头...
java中字节数组拼接
02-28
使用链式编程写法实现Java中byte数组的拼接。例如byte[] bytes = ByteUtils.get().add(0x41).add(07).add(11).add("15288930000").add(0x45).toArray();更灵活用法请参考Mybytes
拼接byte数组
01-21
将数据按字节塞进byte数组
JavaScript数组去重的五种方法
10-23
下面将详细介绍五种不同的JavaScript数组去重方法，并解释其工作原理。 1. **删除后面重复的**： 这种方法通过两层循环实现。外层循环遍历数组，内层循环检查当前元素是否与后面的元素相同。如果相同，就删除后面...
Java 中如何方便拼接两个数组 字节组 byte[]
weqeqwef的博客
08-14 3457
Java合并两个数组byte[] 这里我们通过java提供的静态发法System.arraycopy去操作： /** *System.arraycopy 各个参数的含义 **/ Src :源数组 srcPos：源数组中的起始位置。 dest：目标阵列。 destPos： 目标数据中的起始位置。 length： 要复制的数组元素数。 System.arraycopy(Object src, int srcPos, Object dest, int destPos, int length))
两个byte合并成
m0_49708378的博客
11-29 1600
java两个byte数组合并成一个。
byte数组拼接
笑看人生
06-17 4713
/** * 拼接byte数组 * @param data1 * @param data2 * @return 拼接后数组 */ public static byte[] addBytes(byte[] data1, byte[] data2) { byte[] data3 = new byte[data1.length + data2.length]; System.arraycopy(data1, 0, data3, 0, data1.length)..
Java中多个byte[]数组合并为一个
along_000的博客
05-11 6395
多个byte[]合并 Java中合并多个byte[]数组为一个byte[]数组： public static byte[] byteConcat(byte[] bt1, byte[] bt2, byte[] bt3){ byte[] bt4 = new byte[bt1.length+bt2.length+bt3.length]; int len = 0; System.arraycopy(bt1, 0, bt4, 0, bt1.length);
javascriptES5 中 filter()选择方法
weixin_44638167的博客
09-28 1465
filter() array.filter(function(currentValue, index, arr)) filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组 注意它直接返回一个新数组 currentValue: 数组当前项的值 index：数组当前项的索引 arr：数组对象本身 <script> var arr=[50,86,12,10,0,38,12]; var arr1=[];
【java】字节数组的拼接,截取,批量分割
like_wen的博客
07-29 2235
【java】字节数组的拼接,截取,批量分割。
用JavaScript实现模拟数组数据
08-08
### 回答1： 使用JavaScript实现模拟数组数据最简单的...这些是使用JavaScript实现模拟数组数据的基本方法。当然，JavaScript提供了更多的数组操作方法，例如`splice()`、`slice()`等，可以根据需要进行学习和使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值