首页 > 其他分享 >3.1 数组创建的方式

3.1 数组创建的方式

时间:2023-01-03 17:22:49浏览次数:29  
标签:arr console log 创建 fruits 数组 3.1 var

 JS数组创建的四种语法
 

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        /*第一种
                         *创建了一个空数组 new Array();
                         * */
                        var arr=new Array();
                        arr[0]=1;
                        console.log(arr);
                        
                        /*
                         *第二种
                         * 创建定长数组 new Array(5);
                         * */
                        var arr2=new Array(5);
                        arr2[0]="x";
                        arr2[4]=true;
                        console.log(arr2)
                        
                        
                        /*
                         * 第三种创建语法
                         * 创建时,直接指定元素值
                         * */
                        
                        var arr3=new Array("asdf",10,20.3,true);
                        console.log(arr3)
                        
                        
                        /*
                         *第四种语法
                         * 相当于第三种语法的简写
                         * */
                        var arr4=["asdf",10,20.3,true];
                        console.log(arr4)
                        
                </script>
        </head>
        <body>
        </body>
</html>

 

 

3.2数组的元素和长度

JS中数组元素和长度使用时的特征

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script type="text/javascript">
                        var arr=[11,22,33];
                        console.log(arr)
                        console.log(arr[0]);
                        console.log(arr.length)
                        
                        /*
                         * JS中的数组是可以通过修改length属性来改变数组长度的
                         * */
                        arr.length=5;
                        console.log(arr)
                        /*
                         * JS的数组可以通过索引改变数组的长度
                         * */
                        arr[9]=99;
                        console.log(arr);
                        
                </script>
        </head>
        <body>
        </body>
</html>

 

3.3数组的遍历方式

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        var arr=[5,7,3,1,6,2,4,9,8];
                        /*
                         * 普通for循环遍历数组
                         * */
                        for(var i=0;i<arr.length;i++){
                                console.log(arr[i])
                        }
                        
                        /*
                         *foreach循环遍历数组
                         * JS 中foreach写法为  for( var i in 数组)
                         * i 不是元素  是索引
                         * */
                        for (var i in arr){
                                console.log(arr[i])
                        }
                        
                </script>
        </head>
        <body>
        </body>
</html>

 

 

3.4数组的常用方法

 

数组的常用方法
 

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        var arr=[1,2,3,4,5,6,7,8,9];
                        var index =arr.indexOf(7);//查询元素索引的方法
                        console.log(index)
                        
                        // 合并两个数组
                        var hege = ["Cecilie", "Lone"];
                        var stale = ["Emil", "Tobias", "Linus"];
                        var children = hege.concat(stale);
                        console.log(children)
                        
                        // 合并三个数组
                        var parents = ["Jani", "Tove"];
                        var brothers = ["Stale", "Kai Jim", "Borge"];
                        var children = ["Cecilie", "Lone"];
                        var family = parents.concat(brothers, children);
                        console.log(family)
                        
                        
                        // 合并字符串
                        var fruits = ["Banana", "Orange", "Apple", "Mango"];
                        var fs =fruits.join();
                        console.log(fs)
                        
                        
                        // 移除最后一个元素
                        var fruit=fruits.pop();
                        console.log(fruits)
                        console.log(fruit)
                        
                        // 想结尾增加元素
                        fruits.push("Grape");
                        console.log(fruits)
                        
                        
                        //反转数组
                        fruits.reverse();
                        console.log(fruits)
                        
                        //删除数组第一个元素
                        var ss =fruits.shift();
                        console.log(fruits);
                        console.log(ss)
                        
                        //向第一个位置添加元素
                        fruits.unshift("火龙果");
                        console.log(fruits);
                        
                        // 截取子数组  从哪个索引开始,到哪个索引结束 包头不包尾
                        
                        var citrus = fruits.slice(1,3);
                        console.log(citrus)
                        
                        var numbers =[1,2,3,4,5,6,7,8,9]
                        /*
                         * 删除数组中的某些元素
                         * 2 从哪个索引开始删除
                         * 3 删除多个少个元素
                         * */
                        /*numbers.splice(2,3);
                        console.log(numbers)*/
                        /*
                         * 如果第二个参数是0 那么就变成了在指定索引位置增加元素
                         * */
                        numbers.splice(2,0,100);
                        console.log(numbers)
                </script>
        </head>
        <body>
        </body>
</html>

 

数组元素的排序

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        var fruits = ["Banana", "Orange", "Apple", "Mango"];
                        fruits.sort();
                        console.log(fruits)
                        
                        var numbers=[5,7,9,6,1,8,3,4,2];
                        numbers.sort(function(a,b){return b-a});
                        console.log(numbers)
                        
                        
                        
                </script>
        </head>
        <body>
        </body>
</html>

 

标签:arr,console,log,创建,fruits,数组,3.1,var
From: https://www.cnblogs.com/89564f/p/17022876.html

相关文章

  • 3.1 数组创建的方式
    ​ JS数组创建的四种语法 <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scr......
  • 创建高性能的索引
    创建高性能的索引1.树减少数据的查询次数二叉树平衡树b树节点存储key和datab+树节点只存储key叶子节点存储datainnodb使用b+树当页最大16kb可以存储1000个keymyisa......
  • vue2 lodash函数27 节流的函数、防抖的函数、操作数组的一系列函数、操作对象的一
    App.vue<keep-aliveinclude="Home"><router-view/></keep-alive>routerindex.jsimportVuefrom'vue'importVueRouterfrom'vue-router'importH......
  • 巧用数据分析表达式,让数据指标创建更简单
    实现数据+业务一体化的指标分析从零售系统进化史get数据统计的需求变更零售系统需要的数据统计需求V1.0只需要获取当日累计的销售额,于是店老板就用Excel或者纸质的表......
  • 稀疏数组
    稀疏数组稀疏数组是一种数据结构。需求:编写五子棋游戏中,有存盘退出和续上盘的功能。分析问题:因为该二维数组的很多值是默认值0,因此记录了很多没有意义的数据。解决:稀......
  • .net 6下创建identityserver4的项目过程记录之【一】
    首先声明一下,我是按照下面的教程来进行操作的:.NET6集成IdentityServer4+AspNetCoreIdentity读取本地数据表用户-董川民(dongchuanmin.com)具体步骤记录如下: 一......
  • MobPush 创建推送
    功能说明MobPush提供遵循REST规范的HTTP接口,适用各开发语言环境调用。IP绑定工作台可以绑定服务器IP地址,未绑定之前所有IP均可进行RESTAPI的调用,绑定后进仅绑定的IP才有调......
  • 闲话 23.1.3
    闲话我今天下午看着补罢(例行推歌:パラレルガール/雄之助feat.初音ミク是好好听的雄氏老方!抓耳朵又有节奏感!已经在单曲循环了!反正我也不是A层写这个也就图个热闹......
  • GeoScene Pro创建SDE(postgresql)
    一、系统环境操作系统:windows10 数据库:postgresql12.4二、安装步骤1、拷贝安装目录下C:\ProgramFiles\GeoScene\Pro\Resources\DatabaseSupport\GeoScenePro_21_ST_G......
  • VS创建空项目,使用OCCT库,读取STEP文件
    创建VS空项目使用OCCT库,读取STEP文件,获得TopoDS_Shape对象前提:完成构建OpenCascade,可以查看在windows上构建OpenCascade首先创建引入OCCT库的空项目创建项目配置项......