JS中数组实现代码(倒序遍历数组,数组连接字符串)

Js中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性。

具体代码如下所示:

// =================== 求最大值=====================================
<script>
  var arr = [10,35,765,21345,678,89];
  var max = arr [0];
  for (var i=0;i< arr.length;i++) {
    if (max<arr[i]){
      max = arr [i];
    }
  }
  console.log("最大值:" + max);
</script>
// =================== 求最小值=====================================
<script>
  var arr = [10,35,765,21345,678,89];
  var max = arr [0];
  for (var i=0;i< arr.length;i++) {
    if (max>arr[i]){
      max = arr [i];
    }
  }
  console.log("最小值:" + max);
</script>
// ============================倒序遍历数组===============================
<script>
  var arr = [1,2,3,4,5,6,7,8,9];
  for (var i= arr.length-1;i>=0;i--){
    console.log(arr[i]);
  }
</script>
//===========数组拼接字符串===========第一种方法(从前面往后加)=========
<script>
  var names = ["周杰伦","李连杰","林俊杰","张韶涵","田馥甄"];
  var str = "";
    for (var i = 0; i< names.length-1;i++){
      str += names[i] + "|"
    }
    console.log(str+ names[names.length-1]);
</script>
//===========数组拼接字符串===========第二种方法(从后面往前加)=========
<script>
  var names = ["周杰伦","李连杰","林俊杰","张韶涵","田馥甄"];
  var str = "";
  for (var i = 1; i< names.length;i++){
    str += "|" + names[i]
  }
  console.log(names[0]+ str);
</script>

// ==============去掉数组中重复的0,把其他的数据放在一个数组中============
<script>
  var arr = [10,20,0,12,0,0,124,32];
  var newArr = [];
  for (var i=0; i<arr.length; i++){
    if (arr[i] != 0){
    newArr[newArr.length] = arr[i];
    }
  }
  console.log(newArr);
</script>
// =====================反转数组----------把数组中的数据位置调换=============
<script>
  var array = [10,20,30,40,50,60];
  for (var i=0 ;i<=array.length/2;i++){
    var temp = array [i];
    array[i] = array[array.length-1-i];
    array[array.length-1-i] = temp;
  }
  console.log(array);
</script>
//===========数列求成绩,总成绩,平均分,最大最小值===============//

<script>
  var proInput = parseInt(prompt("请输入计研17的班级人数"));
  var proScore = [];
  for (var i = 0; i< proInput; i++){
    proScore[proScore.length] = parseInt(prompt("请输入第"+ (i+1) + "个同学的成绩"));
  }
  console.log(proScore);
  var sum =0;
  var aver = 0;
  var max = proScore[0];
  var min = proScore[0];
  for (var i = 0;i< proScore.length;i++){
    sum += proScore[i];
    aver = sum/proScore.length;
    if (max<proScore[i]){
      max = proScore[i];
    }
    if (min>proScore[i]){
      min = proScore[i];
    }
  }
  console.log("班级总成绩:"+ sum);
  console.log("平均值:"+ aver);
  console.log("最大值:"+ max);
  console.log("最小值:"+ min);
</script>

总结

以上所述是小编给大家介绍的JS中数组实现代码(倒序遍历数组,数组连接字符串),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

(0)

相关推荐

  • JS实现遍历不规则多维数组的方法

    本文实例讲述了JS实现遍历不规则多维数组的方法.分享给大家供大家参考,具体如下: 直接进入正文: 我们有时候处理数据,可能会遇到一些不规则(无法预料的数据结构),那么拿到这种数据我们如何进行遍历操作呢?举个例子: var data= { a: { one: 1, two: 2, three: {four:'2',five:'4'} }, b: { six: 4, seven: 5, eight: 6 }, c: { nine: 7, ten: 8} } 比如上边的数据(实际情况是这个数据会有各种

  • JavaScript实现将数组中所有元素连接成一个字符串的方法

    本文实例讲述了JavaScript实现将数组中所有元素连接成一个字符串的方法.分享给大家供大家参考.具体如下: 下面的代码演示了JS中如何通过数组对象的join方法将数组元素连接成一个字符串输出 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to join the array elements into a string. </p> <butto

  • JS中数组与对象的遍历方法实例小结

    本文实例讲述了JS中数组与对象的遍历方法.分享给大家供大家参考,具体如下: 一.数组的遍历: 首先定义一个数组 arr=['snow','bran','king','nightking']; 1.for循环,需要知道数组的长度; 2.foreach,没有返回值,可以不知道数组长度: arr.forEach(function(ele,index){ console.log(index); console.log(ele) }) 3.map函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新

  • JavaScript中利用for循环遍历数组

    先看一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> // 一个普通的数组 var arr =[3,5,2,6]; // 普通的for 循环遍历 for(var i = 0 ; i

  • 数组方法解决JS字符串连接性能问题有争议

    1.传统上,字符串连接一直是js中性能最低的操作之一. var text="Hello"; text+=" World!"; 早期浏览器没有对这种运算进行优化. 由于字符串是不可变的,这意味着要创建中间字符串来存储连接的结果.频繁地在后台创建和销毁字符串导制性能异常低下. 2.发现这一点后,开发者们利用数组对象进行优化. var buffer=[],i=0; buffer[i++]="Hello";//通过相应索引值添加元素比push方法快 bu

  • JS常用的几种数组遍历方式以及性能分析对比实例详解

    本文实例讲述了JS常用的几种数组遍历方式以及性能分析对比.分享给大家供大家参考,具体如下: 前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比 起由 在上一次分析了JS几种常用变量交换方式以及各自性能后,觉得这种方式挺好的,于是抽取了核心逻辑,封装成了模板,打算拓展成一个系列,本文则是系列中的第二篇,JS数组遍历方式的分析对比 JS数组遍历的几种方式 JS数组遍历,基本就是for,forin,foreach,fo

  • JS中数组实现代码(倒序遍历数组,数组连接字符串)

    Js中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性. 具体代码如下所示: // =================== 求最大值===================================== <script> var arr = [10,35,765,21345,678,89]; var max = arr [0]; for (var i=0;i< arr.length;i++) { if (max<arr[i]){ max = arr [i]; } }

  • JS中彻底删除JSON对象组成的数组中的元素

    在 JS 中,对于某个由 JSON 对象组成的数组,例如: var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }]; 如果我们想要删除其中的第二个json对象

  • 关于Node.js中频繁修改代码重启服务器的问题

    我们可以使用一个第三方命名行工具,nodemon 来帮我们解决频繁修改代码重启服务器问题. nodemon 是一个基于 Node.js 开发的第三方命令行工具,我们使用的时候需要独立安装. (1)安装 安装命令如下: # 在任意目录执行该命令都可以 # 也就是说,所有需要 --global 来安装的包都可以在任意目录下执行 npm install --global nodemon 例如:我在cmd命令行当前目录下输入npm install --global nodemon 怎么检查安装成功:使用

  • 分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

    问题的产生 在写JS的过程中,为了调试我们常常会写很多 console.log.console.info.console.group.console.warn.console.error代码来查看JS的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错. 本文分享自己昨晚写的一个console类来试图解决这一问题.当然,更好的做法是把测试代码分开写,那样就不会有这个问题. 解决思路 如何解决IE下不兼容的问题呢,那就是我们自己定义一个console类来覆盖浏览器

  • 在vue.js中抽出公共代码的方法示例

    前言 当我们在使用vue构建中大型项目时,通常会遇到某些经常用的方法以及属性,比如说搭建一个员工管理系统,请求的url需要一个共同的前缀,或者在某几个view中需要用到时间,这个时间是通过某方法格式化之后的等等,如果每次用到都写共同的代码,那样如果之后有变动的话维护起来会非常麻烦. 所以我们就得想办法抽出公共代码,因为vue是组件化开发,我们就会很自然的与es6的module模块化联系到一起.其实当我们在搭建项目结构时就应该先提前埋下伏笔,有一个util文件夹,里面放的就是我们要写的公共代码,其

  • js中Array对象的常用遍历方法详解

    1.forEach(),遍历数组的每个元素 let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍历数组的每个元素 arrFor.forEach((item,index) => { console.log(`${index}---${item}`) }) 2.map(参数为回调函数)函数,遍历数组每个元素,并回调操作,需要返回值,返回值组成新数组,原数组不变: let arr = [{id:1,name:'muzi'},

  • Vue中foreach数组与js中遍历数组的写法说明

    Vue foreach数组与js中遍历数组的写法 场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中 对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. 实现 在js中遍历数组 //定义班次详细数组 var bcglxiangxiList = new Array(); //定义班次详细对象 var bcxiangxi = {}; //循环传递的参数 bcglXiangXiListParam.forE

  • JS中数组常用的循环遍历你会几种

    前言 数组和对象作为一个最基础数据结构,在各种编程语言中都充当着至关重要的角色,你很难想象没有数组和对象的编程语言会是什么模样,特别是 JS ,弱类型语言,非常灵活.本文带你了解常用数组遍历.对象遍历的使用对比以及注意事项. 数组遍历 随着 JS 的不断发展,截至 ES7 规范已经有十多种遍历方法.下面按照功能类似的方法为一组,来介绍数组的常用遍历方法. for.forEach.for ...of const list = [1, 2, 3, 4, 5, 6, 7, 8,, 10, 11]; f

  • js中如何复制一个数组(浅复制、深复制)

    目录 下面介绍数组的浅复制 方法一:concat() 方法二:slice() 方法三:扩展运算符 方法四: Object.assign() 下面是深复制 方法一:JSON.parse(JSON.stringify(arr)) 方法二:通用方法(数组或对象) 方法三:利用lodash的深拷贝函数 在Vue中使用 安装 在main.js中引入 使用 总结 在js中,我们经常会用到数组复制,Array是引用类型,如果用arrA=arrB简单的把一个数组赋值,并没有创造出一个新数组,arrA和arrB其

  • React循环遍历渲染数组和对象元素方式

    目录 循环遍历渲染数组和对象元素 遍历渲染数组 遍历渲染对象元素 遍历对象生成dom 项目场景 问题描述 补充 循环遍历渲染数组和对象元素 遍历渲染数组 1.单纯数组 const pureArr = ['a','b','c','d'] //假如我们想将上面的数组利用react渲染成一个列表,代码如下:{ {pureArr.map(item => ( <li key={item}>item</li> ))} 以上代码在codesandbox中运行结果如下: 2. 对象数组 co

随机推荐