美文网首页
JS 基础学习:数组

JS 基础学习:数组

作者: Merbng | 来源:发表于2019-03-27 23:11 被阅读0次

数组:可以一次性存储多个数据
1.通过构造函数创建数组
var 变量名=new Array();
数组的名字如果直接输出,那么直接就可以把数组中的数据显示出来,如果没有数据,就看不到
var 变量名=new Array(长度);
如果数组中没有数据,但是有长度 数组中的每个值就是undefined
2.通过字面量方式 创建
var 数组名=[];
无论是构造函数的方式还是字面量的方式,定义的数组,如果有长度,那么默认就是undefined
数组元素:
元素中存储的每个数据,都可以叫数组的元素,
数组长度:
数组中元素的个数
数组的下标(索引):
用来存储或者访问数组中的数据的,索引从0开始,到长度减1结束,

        <script>
            var array = new Array(5);
            console.log(array)
            alert(array)
            var array1=[5];
            console.log(array1)
        </script>

遍历数组

<script>
            var array=[10,20,11,30,40];
            for(var i =0;i<array.length;i++){
                console.log(array[i]);
            }
</script>

数组案例

<script>
            // 数组中所有元素的和
            var array = [10, 20, 30, 40];
            var sum = 0;
            for (var i = 0; i <= array.length - 1; i++) {
                sum += array[i];
            }
            console.log("总和:" + sum);
            // 平均值
            console.log("平均值:" + sum / array.length);
            //最大值
            var max = 0;
            for (var i = 0; i <= array.length - 1; i++) {
                if (max < array[i]) {
                    max = array[i];
                }
            }
            console.log("最大值:" + max)
            // 倒序遍历
            for (var i = array.length - 1; i >= 0; i--) {
                console.log(array[i]);
            }
            // 数组中每个元素用|拼接到一起产生一个字符串并输出
            var str = ""
            for (var i = 0; i < array.length - 1; i++) {
                str += array[i] + "|";
            }
            console.log("拼接结果:" + str + array[array.length - 1])
            // 去掉数组中重复的0, 把其他数据放在一个新的数组中
            var arr = [10, 0, 20, 0, 30, 0, 40];
            var newarr = []
            for (var i = 0; i < arr.length; i++) {
                if (arr[i] != 0) {
                    newarr[newarr.length] = arr[i]
                }
            }
            console.log(newarr)
            // 反转数组-- 把数组中的元素的数据的位置调换
            for (var i = 0; i < arr.length/2; i++) {
                var temp = arr[i];
                arr[i] = arr[arr.length - 1 - i];
                arr[arr.length - 1 - i] = temp;
            }
            console.log(arr)

        </script>

冒泡排序

<script type="text/javascript">
            var arr = [1, 9, 3, 8, 4, 7, 5];
            for (var i = 0; i < arr.length; i++) {
                for (var j = 0; j < arr.length - 1 - i; j++) {

                    if (arr[j] > arr[j + 1]) {
                        var temp = arr[j];
                        arr[j] = arr[j + 1];
                        arr[j + 1] = temp;
                    }
                }
            }
            console.log(arr)
</script>

相关文章

  • JS 基础学习:数组

    数组:可以一次性存储多个数据1.通过构造函数创建数组var 变量名=new Array();数组的名字如果直接输出...

  • JavaScript归纳

    在freecodecamp上学习JS基础,并进行归纳总结 1. 数组的常用方法: pop():从数组中把 最后一个...

  • JS数组基础

    介绍 数组(array)是按次序 排列的一组值。其中每一个值都有一个编号(编号默认从0开始). 当我们存储一系列值...

  • js基础--数组

    join() reverse() sort() concat() splice() push ()和pop() u...

  • JS基础-数组

    Array 对象 Array 对象用于在变量中存储多个值: 第一个数组元素的索引值为 0,第二个索引值为 1,以此...

  • js基础-数组

    一、数组的方法 1.数组的创建 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也...

  • js基础篇(一)——数组的各种操作

    js基础篇(三)——DOM的各种操作js基础篇(二)——字符串的各种操作 1. 创建数组 创建一个数组,有三种方法...

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • 前端学习大纲-基础篇

    js基础 数组操作哪些会改变原数组(pop、splice、reverse等等)哪些不会改变原数组(map、redu...

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

网友评论

      本文标题:JS 基础学习:数组

      本文链接:https://www.haomeiwen.com/subject/aavxbqtx.html