js中的数组使用及常见属性方法

目录

数组概念

数组创建方法

数组的length属性

数组的遍历的使用

JavaScript 常用数组方法

concat

typeof

split

length

charAt

indexOf

substring

push

pop

join

---

数组概念

　数组对象的作用是：使用单独的变量名来存储一系列的值。

数组创建方法

　　　　构造函数的方法
　　　　　　var arr = new Array()
　　　　　　var arr = new Array(5)
　　　　　　var arr = new Array("嘻嘻")
　　　　字面量的方法
　　　　　　var arr = [];
　　　　　　var arr = ["aa","bb"];

数组的length属性

　1.length:表示数组的长度，就是数组中元素的个数。
　2.索引：也叫做下标，是数组中元素的序号，从0开始，最大下标是数组的长度-1；
    使用方式： 数组名[下标]；

数组的遍历的使用

第一种

for(let i=0;i<arry.length;i++){

    alert(arry[i])

第二种

var arry=["zhangsan","lisi","wagwu","laoliu"];

for(const index in arry){

    alert(arry[index]);

}

JavaScript 常用数组方法

concat

concat()方法用于合并两个或多个数组
此方法不会更改现有数组，而是返回一个新数组
返回值：新的Array实例

代码示例

    <script>
        <!--    语法-->
         array.concat('值','值')

        // 示例
        const arry=["zhangsan","lisi","wagwu","laoliu"];
        const arry1=['a','s','f','z']
        const arry2= arry.concat(arry1)

        document.write(arry2)

    </script>

运行结果如下

typeof

// typeof 测试数据类型
var nametype=typeof (name);

代码示例

 var name='伊利';
    var nametype=typeof (name);

    var avg=18;
    var avgtype=typeof (avg);

    var dou=18.1;
    var doutype=typeof (dou);

    var char='男';
    var chartype=typeof (char)

    var nul=null
    var nultype=typeof (nul);

    var bool=true;
    var booltrype=typeof (bool);

运行结果

split

split分割字符

示例代码

    var str='今天天  气冷死了！';

var arr=str.split(' ');
document.write("<br>"+arr[0]+"---"+arr[1])

运行结果

length

获取字符串的长度

代码示例

 var str='今天天  气冷死了！';

document.write(str.length+"<br>");//字符串的长度

运行结果

        

charAt

charAt获得指定位置的字符

代码示例

var str='今天天 气冷死了！';

document.write(str.charAt(2)+"<br>")//获得指定位置的字符

运行结果

indexOf

indexOf获得字符位置，空格也算

代码示例

var str='今天天 气冷死了！';

document.write(str.indexOf('冷')+"<br>")//获得字符位置

运行结果

substring

substring截取字符，包头不包尾

var str='今天天 气冷死了！';

document.write(str.substring(1,3)+"<br>")//截取字符，包头不包尾

运行结果

push

push()方法将一个或多个元素添加到数组的末尾

代码示例

  var arry=["zhangsan","lisi","wagwu","laoliu"];
        arry.push('aaa','vvvv')
        document.write(arry)

运行结果

pop

pop()方法从数组中删除最后一个元素，并返回该元素的值。
此方法会更改数组的长度。
返回值：从数组中删除的元素

代码示例

     var arry=["zhangsan","lisi","wagwu","laoliu"];
        arry.pop()
        document.write(arry)

运行结果

join

join()方法将一个数组（或一个 类数组对象）的所有元素连接成一个字符串并返回这个字符串，用逗号或指定的分隔符字符串分隔。

  var arr=[1,2,3,4,5];      
  var str=arr.join('-');
        console.log(str)
console.log('-------------------')