×

JS中创建数组应用

作者:流泪的石头2018.09.28来源:Web前端之家浏览:1454评论:0
关键词:数组JS

JS中创建数组应,在数组的学习中,是最基本的内容了,一起来了解下,如何创建吧。

1. 使用Array构造函数创建

数组的创建方式-Array构造函数.png

a、var arr1 = new Array();                 //创建空数组
b、var arr2 = new Array(10);              //创建一个长度为10的数组
c、var arr3 =  new Array(5,4,3,2,1);      //创建数组并初始化

2. 采用数组字面量方式创建

var arr = [];                  //创建一个空数组
var arr2 = [1,2,3];        //创建一个有三个元素的数组

练习1:定义一个空数组,往数组中存入个人信息,并输出

第一种方式:

var person = ["小明", 20, 180];console.log(person);

输出:


创建空数组.png

第二种方式:

var person = [];
person[0] = "小明";
person[1] = 20;
person[2] = 180;
console.log(person);

输出:


创建空数组.png

练习2:遍历数组[10, 1, 19, 22, 73, 88, 99],将其中的偶数输出

var numbers = [10, 1, 19, 22, 73, 88, 99];
        for (i = 0; i < numbers.length; i++) {
            var item = numbers[i];
            if (item % 2 === 0){        //偶数
                console.log(item);
            }
        }

输出:


练习2.png

练习3:求一组数中的最大值和最小值,以及所在的位置

var numArr = [1, 99, 88, -100, 77, 888, 1000, -1000];
        var maxValue = numArr[0], minValue = numArr[0];   //最大值 和 最小值
        var maxIndex = 0, minIndex = 0;         //最大值索引 和 最小值索引
        for (i = 0; i < numArr.length; i++) {
            //如果数组中的元素大于我们定义的初始值
            if (maxValue < numArr[i]) {
                //把这个元素赋值给最大值,并把索引改变
                maxValue = numArr[i];
                maxIndex = i;
            }
            if (minValue > numArr[i]) {
                minValue = numArr[i];
                minIndex = i;
            }
        }
        console.log(maxValue);
        console.log(maxIndex);
        console.log(minValue);
        console.log(minIndex);

输出:


练习3

练习4:将数组中值为0的去掉,不为0的存入一个新数组。

var arr = ["张三", 18, 0, "男", 0, 12243, 0]
var  newArr = [];
for (i = 0; i < arr.length; i++) {
     if (arr[i] != 0) {
         newArr[newArr.length] = arr[i];
     }
}
console.log(newArr);

输出:


练习4.png
温馨提示:本文作者系流泪的石头 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.jiangweishan.com/article/js2342352353.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • admin

    是的,新版也是不错的。...

  • Qanmy

    火狐56版本最经典。。。...

  • 前端大爆炸

    交换一下链接前端大爆炸!-WEBBANG!BANG!!BANG!!!https://a...

  • Wreb

    加群讨论...

  • 访客

    非常感谢...

  • 访客

    那如果自定义转发的图片未生成完,他给我转发的是默认截屏怎么办...

  • 男装品牌

    文章不错支持一下...

  • 女装品牌

    文章不错非常喜欢...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero