js中的数组方法和循环

最新推荐文章于 2023-04-03 10:19:41 发布
最新推荐文章于 2023-04-03 10:19:41 发布
阅读量1.1k 收藏
点赞数 5
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53988377/article/details/126001109
版权

目录

创建数组

数组方法

join()

split()【字符串方法，返回数组】

sort()

push()

pop()

unshift()

shift()

splice()方法根参数个数的不同拥有不同的作用

​编辑循环

1.for循环    下标 / key /键      已知条件，已知范围【先判断，再执行】

2.while循环  下标 / key /键      未知条件，位置范围【先判断，再执行】

3.do while循环()循环     下标 / key /键      至少执行一次【先执行，在判断】

4.for of循环   值 / value / 元素     【循环遍历数组】

5.for in循环   下标 / key /键        【循环遍历对象】

6.forEach() 数组方法 匿名回调函数        【循环遍历数组】

7.map()数组方法，有返回值，返回一个跟原数组长度一致的新数组编辑

8.flatMap()数组方法，有返回值，返回一个不一定与原数组长度一致的新数组

创建数组

创建一个数组有三种方式：常用第三种

// 1.创建数组 new 对象(Array) 下标
    let arr = new Array(3);
    arr[0]="html";
    arr[1]="css";
    arr[2]="js";
// 2.直接赋值 创建数组 
    let arr = new Array("html","css","js");
// 3.字面量创建数组 []
    let arr = ["html","css","js"];

数组方法

join()

        将数组的所有元素放入一个字符串，通过指定字符（传参）进行连接,默认为逗号(,)返回一个字符串,大多数传的参数值为空字符串("")

    let arr = ["html","css","js","wechat",true,false,18];
    console.log(arr);
    let newstr=arr.join();
    console.log(newstr,typeof newstr);

 

split()【字符串方法，返回数组】

        将一个字符串以特定分隔符（传参）进行分隔  返回一个数组

        不传参默认直接将一整个字符串直接返回为一个数组元素

    let str = "ab@jv.3@fjdk@fdk";
    let arr = str.split("@");
    console.log(arr);

  

sort()

        对数组元素进行排序，默认从元素的第一位开始比较大小 例 1,10,22,310,45.......

    let arr = [3,10,8,22,60,43,52,30,16];
    console.log(arr);
    arr.sort();
    console.log(arr);

        参数为匿名回调函数

    let arr = [3,10,8,22,60,43,52,30,16];
    console.log(arr);
    arr.sort(function(a,b){
        // return a-b;     //升序
        return b-a;     //降序
    })
    console.log(arr);

 

push()

        向数组末尾追加元素（可一次追加多个，追加顺序按传参顺序）

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.push("java","mysql","linux");
    console.log(arr);

pop()

        删除数组末尾的元素（一次只能删除一个）

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.pop();   
    console.log(arr);
    arr.pop(); 
    console.log(arr);

      

 

unshift()

        向数组头部添加元素（可多个）

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.unshift("周三","晴天");
    console.log(arr);

shift()

        删除数组头部元素（一次一个）

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.shift();
    console.log(arr);
    arr.shift();
    console.log(arr);

 

splice()方法根参数个数的不同拥有不同的作用

        // splice(起始下标，删除个数) //删除任意位置元素

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.splice(1,2);
    console.log(arr);

         // splice(起始下标，替换个数，"替换的数据")//替换任意位置元素

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.splice(1,2,"java","mysql");
    console.log(arr);

 

         //新增方法(下标大于数组最后一个元素下标)  相当于 push()

    let arr = ["html","css","js","wechat"];
    console.log(arr);
    arr.splice(4,2,"linux","mysql");
    console.log(arr);

循环

1.for循环    下标 / key /键      已知条件，已知范围【先判断，再执行】

for(初始值;循环条件;变量迭代）{

        循环代码;

}

let arr = ["html","css","javascript","vue","wechat"];
for(let i=0;i<arr.length;i++){
    console.log(arr[i]);
}

 

2.while循环  下标 / key /键      未知条件，位置范围【先判断，再执行】

变量初始值

while(循环条件){

        循环代码块;

        变量迭代;

}

3.do while循环()循环     下标 / key /键      至少执行一次【先执行，在判断】

变量初始值

do{

        循环代码块;

        变量迭代;

}while(循环条件）；

4.for of循环   值 / value / 元素     【循环遍历数组】

for(let 变量 of 遍历的对象）{

        循环代码块;

}

for(let value of arr){

        document.write(value+"<br/>");

}

5.for in循环   下标 / key /键        【循环遍历对象】

for(let 变量 in 遍历对象){

        循环代码块;

}

for(let i in arr){

        document.write(arr[i]+"<br/>");

 }

6.forEach() 数组方法 匿名回调函数        【循环遍历数组】

let arr = ["html","css","javascript","vue","wechat"];

 value:值        inde:下标       oldarr:原数组

arr.forEach(function(value,index,oldarr){

        document.write(index+"==="+value+"==="+oldarr+"<br/>");

})

7.map()数组方法，有返回值，返回一个跟原数组长度一致的新数组

let arr = ["html","css","javascript","vue","wechat"];

let newarr = arr.map(function(value,index,oldarr){

        document.write(index+"==="+value+"==="+oldarr+"<br/>");

        if(index==0){

            value = "123456";

        }

        return [value,index];

   });

   console.log(newarr);

8.flatMap()数组方法，有返回值，返回一个不一定与原数组长度一致的新数组

let newarr = arr.flatMap(function(value,index,oldarr){

        document.write(index+"==="+value+"==="+oldarr+"<br/>");

        if(index==0){

            value="123456";

        }

        return [value,index];

    })

    console.log(newarr);

     //原数组为["html","css","javascript","vue","wechat"]

    //原本返回的数组应为[["html",0],["css",1],["javascript",2],["vue",4],["wechat",5]]

    //但是flatMap()会自动降维 于是变成返回一维数组

 

Rice_yyyy
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中数组和字符串的方法对比
12-11
本文将对字符串和数组的类似方法进行比较 可索引 ECMAScript5定义了一种访问字符的方法，使用方括号加数字索引来访问字符串中的特定字符 可索引的字符串的最大的好处就是简单，用方括号代替了charAt()调用，这样更加...
javascript中利用数组实现的循环队列代码
10-29
javascript中利用数组实现的循环队列代码，需要的朋友可以参考下。
解析javascript中的for in和for of
SSS4362的博客
09-11 1390
解析javascript中的for in和for of
for of循环获取下标志
ZJ15981837003的博客
06-22 4268
for of 循环
js几种遍历的方式
weixin_49217200的博客
07-19 409
1.for循环 1.for有三个表达式： 声明环境变量； 判断循环的条件； 更新循环变量； 2.for循环执行的特点： 先判断在执行； 这三个表达式有多重身份组成，第二个判断条件用&& 或||连接 for(var i = 0 ; i <10 ; i++){ console.log(i);// 0 1 2 3 4 5 6 7 8 9 10 } 2.while循环 循环特点：先判断后执行； var num = 1;//1、声明循环变量 while (num
js for里面的in和of
qq_43482640的博客
08-18 214
for(var x in arr) 输出下标 for(var x of arr) 输出值
JavaScript for of和for in循环的区别
qq_68155756的博客
04-03 113
for of 循环数组，得到的是每一项的值 for in 循环数组，得到的是下标 for of 不可循环对象，报错，意思是此对象不可循环 for in 循环对象，得到的是每一项的key, 所以for in经常用来遍历对象，for of用来遍历数组
js数组循环遍历数组内所有元素的方法
01-19
例，for(){}遍历数组 代码如下:[removed] <...i [removed]例,for in循环遍历数组 代码如下:<html><body>[removed]var xvar mycars = new Array()mycars[0] = “Saab”mycars[1] = “Volvo”mycar
JavaScript数组和循环详解
01-21
在JavaScript中，数组可以使用正式的对象表示法来创建，或者可以使用直接量表示法来初始化。 代码如下: var arrObject = new Array(“val1”, “val2”); // 作为对象的数组 var arrLiteral = [“val1”, “val2”]...
javascript - for.of和for.in的区别
望南
01-12 400
定义和用法 for…in for/in 语句用于循环对象属性。 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。 for…of JavaScript for of 语句循环遍历可迭代对象的值。 它允许您循环遍历可迭代的数据结构，例如数组、字符串、映射、节点列表等： 代码对比 遍历数组 const arr1 = [1, 2, 3, 4, 5] const arr2 = [{ name: 1 }, { name: 2 }, { name: 3 }] for (let i in
3.JavaScript 基础(for循环，数组)
wusandaofwy的博客
07-31 898
[]JavaScript 基础](for循环，循环嵌套,数组,push,unshift,pop,shift,splice)
JavaScript中for/of和for/in
coder-quan的博客
07-25 713
理解JavaScript中的for/of和for/in 建议使用for/of而不使用for/in 一、for/of for/of是ES6中定义的新循环语句，专门用于可迭代对象。数组、字符串、集合Set、映射Map是可迭代对象。 1. for/of迭代数组元素的值，不迭代数组元素的下标（数组元素是按从头到尾的顺序迭代的）： let data = [1,2,3,4,5,6,7,8,9],sum = 0 for(let element of data){ sum += element } console.lo
js中for in和for of的区别
qq_42243957的博客
04-22 7031
1、直接遍历对象 for in 拿到的是对象的属性名，for of 直接报错 2、遍历数组： for in 拿到的是数组对象的下标，for of 拿到的是数组对象的值 3、forEach **forEach 循环无法中途跳出，break 命令或 return 命令都不能奏效 for…of 循环可以与break、continue 和 return 配合使用，跳出循环** 4、无论是 for…in 还是 for…of 都不能遍历出 Symbol 类型的值， 遍历 Symbol 类型的值需要用 Object.
Js中forEach，for in，for of循环的用法
林中明月间丶
01-07 8690
转自：https://www.cnblogs.com/amujoe/p/8875053.html 一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i) { console.log(i,array[i]); } 二、用for in...
JavaScript for循环splice()方法删除数组中的元素会被跳过或者只能删除部分
Martin 的博客
04-24 1571
for of 中使用 arr.splice(arr.indexOf(element), 1, null); 把这个索引下的东西删除数量1，然后替换成null 下面是个倒序循环，会回避splice的错误 let arr = [ {id:1,name:'Tom',sex:0}, {id:2,name:'Jerry',sex:1}, {id:3,name:'Danny...
JS中的常见数组方法和循环
weixin_72724407的博客
07-27 171
数组是具有相同数据类型的一个或多个值的集合。循环就是在满足条件的情况下，去不断重复的执行某一个操作。
通过js的for循环实现通过悬浮向div里添加ul和li标签
jack_2326的博客
09-04 6116
这里写自定义目录标题 首先需要创建一个数组保存li标签里的内容，然后循环输出，再使用ul标签和li标签串联输出 html代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
js基础【遍历数组生成标签】
姗姗的博客
07-08 2495
<!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-Compa...
js常用的几种for循环
Change!
11-18 6343
1.for循环,直接循环数组，可拿到数组对象中每一个item值，比如我需要给后台传一个id数组，如下 let orderId = [] for(var i in this.selectedData){ console.log(this.selectedData[i])//打印可看到取到的值 orderId.push(this.selectedData[i].orderId)//取到数组每一个对象中的id，push到数组中 } 2.forEach循环。同样传id数组 let orderProdu
js中数组foreach跳出循环
最新发布
01-26
在JavaScript中，forEach方法是用于遍历数组的，它会对数组中的每个元素执行指定的回调函数。由于forEach方法是无法跳出循环的，但我们可以通过一些技巧来实现跳出循环的效果。 以下是两种在forEach中跳出循环的方法： 方法一：使用异常处理 ```javascript try { array.forEach(function(element) { if (condition) { throw BreakException; // 抛出异常 } // 其他操作 }); } catch (e) { if (e !== BreakException) throw e; } ``` 方法二：使用some方法 ```javascript array.some(function(element) { if (condition) { return true; // 返回true跳出循环 } // 其他操作 }); ``` 这两种方法都可以在forEach循环中实现跳出循环的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值