数组的方法

最新推荐文章于 2024-11-02 12:42:04 发布
最新推荐文章于 2024-11-02 12:42:04 发布
阅读量78 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhou_nj/article/details/119709428
版权

1.concat() 拼接数组,连接两个或更多的数组,并返回全新的数组：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11,22,33]
        let arr2 = [44,55,66]
        let arr3 = arr1.concat(arr2)
        console.log(arr3);
    </script>
</body>

</html>

2.fill() 使用一个固定值来填充数组：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11,22,33,44]
        arr1.fill(100)
        console.log(arr1);
    </script>
</body>

</html>

3.includes() 判断一个数组是否包含一个指定的值，包含返回true，否则返回false：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11,22,33,44]
        console.log(arr1.includes(11));
        console.log(arr1.includes(55));
    </script>
</body>

</html>

4.indexOf() 搜索数组中的指定元素第一次出现的位置，如果没有返回-1。注意：位置就是下标，从0开始。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11,22,33,44,22,55,66,22,77,88]
        console.log(arr1.indexOf(22));
        console.log(arr1.indexOf(222));
    </script>
</body>

</html>

5. lastIndexOf() 搜索数组中的指定元素最后一次出现的位置，如果没有返回-1。注意：位置就是下标，从0开始。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11,22,33,44,22,55,66,22,77,88]
        console.log(arr1.lastIndexOf(22));
        console.log(arr1.lastIndexOf(222));
    </script>
</body>

</html>

6.isArray() 判断某个对象是否是数组对象：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11,22,33,44,22,55,66,22,77,88]
        console.log(Array.isArray(arr1));
        let num1 = 100
        console.log(Array.isArray(num1));
    </script>
</body>

</html>

7.join() 用于将数组中的元素，拼接成一个字符串返回。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
       let arr1 = ['鹿晗','吴亦凡','张艺兴','黄子韬']
        // join() 方法不传参数，默认是根据逗号字符拼接。
        let str1 = arr1.join()
        console.log(str1);
    </script>
</body>

</html>

8.push() 向数组的末尾添加一个或更多元素，并返回新的长度：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
       let arr1 = ['鹿晗','吴亦凡','张艺兴','黄子韬']
        arr1.push('周杰伦','刘德华')
        console.log(arr1);
    </script>
</body>

</html>

9.pop() 删除数组的最后一个元素并返回删除的元素。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
       let arr1 = ['鹿晗','吴亦凡','张艺兴','黄子韬']
        let arr2 = arr1.pop()
        // 返回新的数组
        console.log(arr1);
        // 返回删除的元素
        console.log(arr2);
    </script>
</body>

</html>

10.unshift() 向数组的开头添加一个或更多元素，并返回新的长度：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
       let arr1 = ['鹿晗','吴亦凡','张艺兴','黄子韬']
       arr1.unshift('王源')
       console.log(arr1);
    </script>
</body>

</html>

11.shift() 删除并返回数组的第一个元素：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = ['鹿晗', '吴亦凡', '张艺兴', '黄子韬']
        let s1 = arr1.shift()
        // 返回新的数组
        console.log(arr1);
        // 返回被删除的元素
        console.log(s1);
    </script>
</body>

</html>

12.reverse() 反转数组的元素顺序：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = ['鹿晗', '吴亦凡', '张艺兴', '黄子韬']
        arr1.reverse()
        console.log(arr1);
    </script>
</body>

</html>

13.slice() 选取数组的一部分，并返回一个新数组：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = ['a','b','c','d','e','f','g','h','i','j','k']
        // slice() 方法，需要传两个参数，分别是：开始位置和结束位置。注意：能取到开始位置，取不到结束位置。
        let arr2 = arr1.slice(3,7)
        console.log(arr2);
    </script>
</body>

</html>

14.splice() 从数组中添加或删除元素，注意：会将删除后的元素，保存到一个新的数组中并返回。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = ['鹿晗','吴亦凡','张艺兴','黄子韬','刘青云','吴彦祖']
         // splice() 方法，需要传两个参数，分别是：开始位置和删除长度。
        let arr2 = arr1.splice(3,4)
        console.log(arr1);
        console.log(arr2);
    </script>
</body>

</html>

zhou_nj
关注
JS数组方法最全最详细总结
m0_70522035的博客
05-06 1974
console.log(newArr1) //[ 1, 2, { a: 1, b: 2 } ] //综上 省略参数 返回当前数组的浅拷贝 let obj1={a:1} let obj2={b:2} let arr = [1, 2, 3,obj1] let newArr = arr.concat([1,2],obj2,100-1,‘合并数组’,undefined,null) //数据类型如字符串，数字和布尔（不是String，Number 和 Boolean 对象）： //concat将字符串
java 数组 继承
qq_63455002的博客
06-19 1081
35.有如下一维数组的定义： arr1数组元素批量赋值（预设值为：100）的方式中，错误的有： A. B. C. D. B 36.数组的定义为：int[] arr=new int[10]; 如何获得数组的长度 A.arr.length() B.arr.size() C.arr.length D.arr.size C 37.某Java源文件代码如下，该源文件应如何命名？ D.后缀是.java，文件名可以任意取，符合标识符规范即可......
Java数组填充：Arrays.fill()方法
热门推荐
RitaAndWakaka的博客
03-19 2万+
Arrays 类提供了一个 fill() 方法，可以在指定位置进行数值填充。 1. 方法介绍： 1.1public static void fill(int[] a,int val)：将指定的 int 值分配给指定 int 型数组的每个元素。 参数： a - 要填充的数组 val - 要存储在数组所有元素中的值 1.2public static void fill(int[] a, int fromIndex,int toIndex, int val)：将指定的 int 值分配给指定 int 型...
前端开发中常见的20个数组方法，你真的掌握了吗？
m0_57524265的博客
07-12 8055
javascript内置有很多好用的数组方法，包括添加和删除元素、合并和拆分数组、以及对数组进行排序和搜索等，看看你掌握了几个，文末包含一道将平铺数组结构转换为tree型数组结构练习题！
es6数组方法图解
palmer_kai的博客
09-29 2331
最近接触了一些 web前端开发人员，发现还是很多人不适用es6 提供的语义化api。 下面分享下看到的图解 es6 数组方法。 很形象的es6数组方法解释：
JS数组方法：indexOf
不熬夜的臭宝的博客
05-16 1049
前端javascript中indexOf数组方法
ES6数组方法总结
m0_70455545的博客
03-01 2384
ES6字符串与数组方法总结
【数组】数组方法push
jieweiwujie的博客
12-31 2286
push
js前端数组常用方法
暴走的山交君的博客
04-02 4070
一.JavaScript中创建数组的方式 1.使用Array构造函数 var color=new Array();     注意：括号里面参数可以有参数，若为一个数字，表示该数组的长度，如果为多个数字或者一个（多个）非数字表示的是传递数组中应该包含的值。 2.使用数组字面量 var color=[]; 二. 数组的长度 三.数组的方法有数组原型方法，也有从object...
JavaScript 数组方法every()
weixin_46585382的博客
06-17 2453
JavaScript 数组方法every()
JavaScript数组方法大全(推荐)
01-21
数组在笔试中经常会出现的面试题，javascript中的数组与其他语言中的数组有些不同，为了方便之后数组的方法学习，下面小编给大家整理了关于数组的操作方法，一起看看吧。 数组创建 JavaScript中创建数组有两种方式，...
03-python-数组方法-数组排序-数组形状-对角线
02-09
本学习笔记主要涵盖了四个关键主题：数组方法、数组排序、数组形状以及对角线操作。以下是对这些知识点的详细阐述。 **一、数组方法** Python中的数组通常通过numpy库实现，numpy提供了强大的ndarray对象。数组...
ES6数组方法find()、findIndex()的总结
01-08
本文主要讲解ES6数组方法find()与findIndex()，关于JS的更多数组方法，可参考以下： ①JavaScript 内置对象之-Array ②ES5新增数组方法（例：map()、indexOf()、filter()等） ③ES6新增字符串扩张方法includes()、...
JavaScript基础进阶之数组方法总结(推荐)
10-19
JavaScript数组方法是编程中非常重要且常用的工具，通过数组内建的方法可以实现数组元素的增删改查、排序、转换等操作，极大地方便了JavaScript编程。下面是对标题中提到的数组方法的具体知识点总结。 首先，是连接...
JavaScript数组方法总结分析
10-22
下面是JavaScript数组方法的总结分析： 1. 普通方法： - join()：将数组中的所有元素连接成一个字符串，并返回这个字符串。可以通过指定分隔符来控制元素之间的间隔，默认为逗号。此方法不会改变原数组。 - ...
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
weixin_52173250的博客
10-30 1135
CesiumJS 案例 P12：添加指定长宽的图片图层并居中显示（圆点分别为图片图层的中心点、左上角顶点、右上角顶点、左下角顶点、右下角顶点）
一些常用的react hooks以及各自的作用
weixin_48602044的博客
11-01 285
关于react hooks的一些知识与应用
JavaScript 生成二维码
最新发布
qq_30049249的博客
11-02 130
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
echarts 遍历多个图表，并添加resize缩放
licongmingli的博客
10-30 225
遍历echarst多个图表，并添加独立的缩放函数
JavaScript数组方法总结：从ES3到ES5
"JavaScript基础进阶之数组方法总结，涵盖了ES3中的常用数组操作，包括连接数组、转换为字符串、增删元素以及排序等方法。" 在JavaScript中，数组是处理数据的重要工具，掌握其内置的方法能极大提高编程效率。这篇...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值