js数组

最新推荐文章于 2024-02-23 17:17:58 发布
最新推荐文章于 2024-02-23 17:17:58 发布
阅读量168 收藏
点赞数
分类专栏： 学习 javascript 文章标签： javascript js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Teal__/article/details/108519929
版权

目录

  • 数组是应用数据类型中的对象数据类型(特殊对象)

    1. 创建一个对象也要开辟一个堆内存,堆内存中存储数组对象的键值对

      let arr=[10,20,30];
conosle.log(arr);
//输出:
 0: 10
 1: 20
    2: 30
 length: 3

    2. 数组中我们看到的每一项都是属性值,默认属性名是数字,数字从零开始递增,数字代表当前的第几项,我们把代表位置的数字属性名称为"索引";数组是以数字为索引,索引从零开始的结构!

    3. 在数组中默认存在一个length属性,代表着数组的长度(有多少项)

      let arr=[20,39,54];
console.log(arr.length);//3

    4. 数组中存在的每一项可以是任意数据类型

      let arr=['aaa',{name:'teal'},20,function(){}];
console.log(arr);
// 输出
	0: "aaa"
    1: {name: "teal"}
    2: 20
    3: ƒ ()
    length: 4

  • 项目使用

    • 真实项目中,我们把从服务器获取到的数据一般都是对象或者数组(json格式),而且结构层次一般都是多级结构
      1. 一维数组(只有一级结构)]
      2. 二维数组(也叫多维数组,有两级或以上结构)

  • 数组中常用的内置方法

    1. 关于数组的增删改

      • push:向数组末尾追加元素
        1. params: 参数个数不固定,类型也不固定,都是向数组末尾依次追加内容
        2. return :返回的结构为新增加后数组的长度
        3. 原始数组发生变化
        let arr=[10,20,30];
let result=arr.push(40,'50');
console.log(arr);//[10,20,30,40,'50'];
console.log(result);//5
      • pop:删除数组中最后一项内容
        1. params:参数为空
        2. return:返回结果为删除的内容
        3. 原始数组改变
        let arr=[10,20,30];
let result=arr.pop();
console.log(arr);//[10,20]
console.log(result);//30
      • unshift:向数组开头位置新填内容
        1. params:参数个数不定,类型不定,都是要依次在数组前新添内容
        2. return:返回的结果为添加后数组的长度
        3. 原始数组改变
        let arr=[10,20,30];
let result=arr.unshift(0,'1');
console.log(arr);//[0,'1',10,20,30]
console.log(result);//5
      • shift:删除数组中第一项内容
        1. params:参数为空
        2. return:返回的结果为被删除的内容
        3. 原始数组改变
        let arr=[10,20,30];
let result=arr.shift();
console.log(arr);//[20,30]
console.log(result);//10

    2. 指定位置的增删改

      • splice(n,m):删除指定位置的内容
        1. params: 从数组中索引为n的地方开始,删除到m个元素
        2. return: 返回的结果是删除的内容(以数组类型展示)
        3. 原始数组改变
        let arr=[1,2,3,4,5,6];
let result =arr.splice(1,3);
console.log(arr);//[1, 5, 6]
console.log(result);// [2, 3, 4]
      • splice(n,m,x1,x2,…): 修改指定位置数组的内容
        1. params: 从索引n开始,删除m个元素,用x1(或多个值)替换删除后的内容
        2. return: 返回的一个数组.数组中是删除的内容
        3. 原始值发生变化
        let arr=[1,2,3,4,5];
let result=arr.splice(0,2,'1',2.2);
console.log(arr);//['1',2.2,3,4,5]
console.log(result);//[1,2]
      • splice(n,0,x1,x2,…):在指定的位置添加内容
        1. params:从索引n开始,一个都不删除,把x1(或更多值)插入到索引n的前面
        2. 返回结果为空数组
        3. 原始数组发生改变
        let arr=[1,2,3,4];
let result=arr.splice(1,0,1.1,1.2);
console.log(arr);//[1, 1.1, 1.2, 2, 3, 4]
console.log(result);// []
      • splice(0):删除数组中所有的内容
        1. params:从索引0开始,一直删除到数组的末尾
        2. return:返回值为整个被删除的的数组
        3. 原始数组发生改变
        let arr=[1,2,3,4];
let result=arr.splice(0);
console.log(arr);//[]
console.log(result);//[1,2,3,4]

    3. 关于数组的查询

      • slice(n,m):实现数组的查询(数组指定位置的截取)
        1. params: 从数组n出开始查询,查询到索引为m处(不包含m)
        2. retutn: 返回的结果以新数组的展示
        3. 原始数组不变
        let arr=[1,2,3,4,5,6];
let result=arr.slice(2,4);
console.log(arr);//[1,2,3,4,5,6]
console.log(result);//[3,4]
      • slice(n):查询指定位置后面所有的内容
        1. params: 从数组n的位置开始查询,一直查到数组的末尾
        2. return: 返回的结果是n后面所有的值,并以新数组展示
        3. 原始数组不变
        let arr=[1,2,3,4,5,6];
let result=arr.slice(2);
console.log(arr);//[1,2,3,4,5,6]
console.log(result);//[3,4,5,6]
      • slice(0):查询数组中所有的内容
        1. params: 从索引0的位置开始截取,一直截取到最后,可以理解为把原始数组中的每一项都查询到
        2. return : 返回新的数组,实行数组的浅克隆,得到的新数组和原始数组是两个不同的数组(连个不同的堆内存),但是堆内存中存储的内容是一致的
        3. 原始数组不变
        let arr=[1,2,3,4,5];
let result=arr.slice(0);
console.log(arr);//[1,2,3,4,5]
console.log(result);//[1,2,3,4,5]

    4. 数组的拼接

      concat(x1,x2,…):实现数组的拼接
      1. params:把多个数组(或多个值)最后拼接成一个数组
      2. return: 返回结果为拼接后新的数组
      3. 原始数组不变
      let arr1=[1,2,3];
let arr2=[6,7,8];
let result=arr1.concat('4',5,arr2);
console.log(arr1);//[1,2,3]
console.log(arr2);//[6,7,8]
console.log(result);//[1,2,3,'4',5,6,7,8]

    5. 数组转换为字符串

      • toString();
        1. params:把数组中的每一项按照"逗号分隔",拼接成对应的字符串
        2. 原始数组不改变
        let arr=[10,20,30];
console.log(arr.toString());//"10,20,30"
      • join([char]);

        1. char:以指定的字符分隔成对应的字符串

        2. 原始数组不改变

          let arr=[10,20,30,40];
console.log(arr.join(''));//'10203040' =>以空格分隔数组

    6. 获取数组中指定的索引

      • indexOf([value]);获取当前项在数组中第一次
        1. params:获取指定位置的索引
        2. return:返回结果为出现位置的索引,不存在返回-1
        3. 原始数组不变
        let arr=[10,20,30,40,50];
let result1=arr.indexOf(30);
let result2=arr.indexOf(60);
console.log(arr);//[10,20,30,40,50]
console.log(result1);//2
console.log(result2);//-1
      • lastIndexOf([value]);获取最后出现的索引
        1. params: 获取指定位置的索引
        2. return: 返回最后一次出现位置的索引,如果不存在返回-1
        3. 原始数组不变
        let arr=[1,2,3,4,3,4,3];
let result1=arr.lastIndexOf(3);
let result2=arr.lastIndexOf(5);
console.log(arr);//[1,2,3,4,3,4,3]
console.log(result1);//6
console.log(result2);//-1
      • includes([value]):验证数组中是否包含指定内容
        1. params:指定的内容
        2. return: 返回结果存在返回true,不存在返回false
        3. 原始数组不改变
        let arr=[1,2,3,4,5];
console.log(arr.includes(2));//true
console.log(arr.includes(6));//false

    7. 反转与排序

      • reverse(); 数组反转
        1. params:无参数
        2. return:返回的结果是排列后原始的数组,原始数组改变(因反转后原始数组===排列后的数组,所以一般不需要返回值,直接输出原始值即可)
        3. 原始数组改变
        let arr=[1,2,3,4,5];
console.log(arr.reverse());//[5,4,3,2,1]
      • sort; 数组排序
        1. param:回调函数
        2. return: 返回把原始数组按照规则进行排序后的值
        3. 原始数组会发生改变
        let arr=[2,4,5,1,3];
console.log(arr.sort());//[1,2,3,4,5]
        • sort可以对单位数进行有效排序
        • sort支持传递回调函数,基于自定义排序规则
        • sort(a,b):在回调函数中,有两个形参.可以进行排序(返回a-b可以得到升序结果,b-a可以得到降序结果)
        let arr1=[3,2,4,1,6,5];
let arr2=[3,2,4,1,6,5];
let result1 =arr1.sort(function(a,b){
	return a-b;
});
let result2 =arr2.sort(function(a,b){
	return b-a;
});
console.log(result1);//[1,2,3,4,5,6]
console.log(result2);//[6,5,4,3,2,1]

    8. 数组中常用的迭代方法(遍历数组中的每一项)

      • forEach([函数]);遍历数组中的每一项(数组中有多少项,函数会相继执被执行多少次),每一次执行函数,都可以在函数中获取当前的遍历的这一项个对应的索引
        1. forEach中有一个回调函数,形参为item,index
        2. item:表示当前项的内容
        3. index:表示当前项的索引
        let arr=[1,2,3];
arr.forEach(function(item,index){
	console.log(item);// 1 > 2 > 3
	console.log(index);// 0 > 1 > 2
});
      • map:forEach是不支持返回值的,而map可以在forEach的基础上支持返回值,把原来数组中每一项的值替换为新值,最后存储在一个新的数组中,但原始数组不变
        1. map支持返回值但是不会改变原来的数组,执行完的返回结果是修改后的新数组
        2. map中有一个回调函数,函数中有两个形参item,index
        3. item:当前循环的这一项的值
        4. index:当前值的对应的索引
        5. 函数返回啥都是把数组中当前项替换成啥,但原始数组不变
        let arr=[1,2,3,4];
let result= arr.map(function(item,index){
	return item*10;
});
console.log(result);//[10,20,30,40]
Teal-in
关注
专栏目录
JavaScript数组
m0_72313625的博客
08-05 2427
JavaScript 数组用于在单一变量中存储多个值，数组是一种特殊的变量，它能够一次存放一个以上的值。数组当中首先就是数组的创建方式，然后就是遍历数组中的元素，根据要求生成新的数组，最后就是增加数组元素，以及熟练掌握和理解冒泡排序的思路和书写方法...
JavaScript 数组去重并统计重复元素出现的次数实例
11-29
1、方法一 var arr = [1, 2, 3, 1, 2, 4]; function arrayCnt(arr) { var newArr = []; for(var i = 0; i < arr.length;... if(newArr.indexOf(arr[i]) == -1) { ... var newarr2 = new Array(newArr.length);...
数组追加
mobingdetong的专栏
08-25 423
xx = OrgDeptManager.getInstance().getChildrenByLevel(                             SysConfig.DEPLOY_NODE_CODE, "50");                     xx  = Arrays.copyOf(xx , xx .length+1);                     
数组的追加
qq_61395553的博客
02-08 693
#include<string.h> #include<stdio.h> int main { char arr[30]="abc"; char arr[]="def"; strcat(arr1,arr2);//stract可将两个不同的数组追加，当追加一个相同的数组时会替换掉/0出现错误 printf(“%s\n”,arr);//abcdef return 0; } ...
数组赋值之数组追加
qq_39123467的博客
11-21 1058
数组赋值之数组追加
JS给数组增加元素
a464064368的博客
10-07 3396
定义和用法 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 语法 arrayObject.push(newelement1,newelement2,....,newelementX)
数组操作,追加、删除、替换
weixin_60651132的博客
06-30 801
目录数组元素的追加、删除、替换数组排序查找数组最大最小值自定义排序、最大最小值方法length操作数组元素 splice对数组元素操作 push数组末尾追加一个或多个元素 unshift数组首位前插入元素 concat数组合并，原数组不变 ...扩展运算符将元素展开合并 sort正序排列，数字、字母 reverse 数组倒叙排列 比值函数，修正sort排序问题 查找数组最大最小值 Math.max()、Math.min() 自定义排序、最大最小值方法 ....
js数组相减简单示例【删除a数组所有与b数组相同元素】
10-15
扩展阅读中提及的专题，例如《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》等，为读者提供了更多的学习资源。通过这些资源，读者可以更加全面地掌握JavaScript中数组操作的多种技巧和方法，从而...
js代码-js数组查找元素 find() 方法，只返回第一个匹配元素
07-16
本篇将详细讲解`find()`方法，它是JavaScript数组原型上的一种方法，用于查找数组中符合指定条件的第一个元素，并返回该元素。 `find()`方法的基本语法如下： ```javascript array.find(callback(currentValue[, ...
JavaScript数组（源代码）
05-31
JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）...
php array_unshift,array_push追加数组元素
weixin_30247781的博客
11-28 100
追加元素在数组前面：<?php $a=array("a"=>"Cat","b"=>"Dog"); array_unshift($a,"Horse"); print_r($a); ?> 追加元素在数组后面：<?php$a=array("a"=>"Cat","b"=>"Dog"); array_push($a,"Horse"); pr...
添加数组的几种方法
05-11 7895
1、push追加元素 push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 var arr = [1, 2, 3, 4, 5]; arr.push(6); console.log(arr); 打印结果为： [1, 2, 3, 4, 5, 6]; 2、unshift添加元素 unshift()方法将一个或多个元素添加到数组的开头，并返回该数组的新长度 var arr = [1, 2, 3, 4, 5]; arr.unshift (6); console.log(arr
给数组添加元素的6个方法
热门推荐
m0_67401417的博客
03-10 2万+
给数组添加元素的6个方法 1. 使用 length 属性追加元素 使用length属性，可以在数组末尾后面添加一个元素 var arr = [1, 2, 3, 4, 5]; arr[length] = 6; console.log(arr); // [1, 2, 3, 4, 5, 6]; 2. 使用 push 方法追加元素 push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 var arr = [1, 2, 3, 4, 5]; arr.push(6); console.log(arr)
js六种给数组追加元素的方法，你想得到几种？
qq_30675607的博客
09-22 1万+
现在有一个数组arr=[1,2,3,4] 要追加了！ 1.push方法 let arr=[1,2,3,4]; arr.push(5); console.log(arr); //得到[1,2,3,4,5] push方法会修改原数组，可以带多个参数，都会一起加到数组末尾 2.unshift方法 let arr=[1,2,3,4]; arr.unshift(5); console.log(arr); //得到[5,1,2,3,4] 类似push，不过会加到开头 3.length属性 可以直接给length位置
用 js 实现数组中指定元素的替换
虎康的博客
11-16 2735
在上述代码中，首先定义了原始数组arr和要替换的目标数组replaceArr，以及用于替换的新数组replacement。然后使用findIndex方法查找要替换的元素的索引，条件是该元素等于replaceArr的第一个元素，并且下一个元素等于replaceArr的第二个元素。已知 数组 arr = [160, 20, 179, 10, -170, -20]；请将数组 arr 中的 [179, 10] 替换为 [-178.16883, 13.27614]
js中追加数据到数组的几种方式
m0_62843289的博客
05-16 8632
其中，splice()方法的第一个参数表示要添加或删除元素的起始位置，第二个参数表示要删除的元素个数，第三个参数及以后的参数表示要添加到数组中的元素。javascript复制代码。javascript复制代码。javascript复制代码。javascript复制代码。
数组常用方法
hhhxyyyzz的博客
02-23 1174
/ 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。// 7.filter() filter() 方法创建一个新的数组，过滤出数组中符合条件的所有元素，把这些元素放在新数组中返回。// 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。// 23. keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。
javascript 数组
最新发布
05-26
JavaScript 数组是用于存储多个值的变量，它们可以存储字符串、数字和对象等数据类型。JavaScript 数组是动态的，意味着您可以随时添加或删除元素。数组的元素可以通过索引号（下标）来访问和修改，而索引号从0开始。 创建一个数组的语法：var array_name = [item1, item2, ...]; 例如： ``` var fruits = ["apple", "banana", "orange"]; ``` 数组中的每个元素都可以通过其索引号访问。例如，要访问数组中的第一个元素，您可以使用以下语法： ``` var first_fruit = fruits; // "apple" ``` 您还可以使用数组的内置方法来操作数组，例如push（）和pop（）方法用于在数组的末尾添加和删除元素，shift（）和unshift（）方法用于在数组的开头添加和删除元素，splice（）方法用于在任何位置添加或删除元素，sort（）方法用于对数组进行排序等等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值