Java教程

JavaScript——内置对象(数组)

本文主要是介绍JavaScript——内置对象(数组),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
  1. 一、创建数组

创建数组方式:

  1. 利用字面量创建数组:let  Arr=[ ];//空数组,如果[ ]传入值代表数组元素。
  2. 利用构造函数创建数组:let Arr=new Array();//空数组,如果()里面只传入一个值(比如2,表示创建一个长度为2的数组),如果里面传入多个值,则表示数组的元素。

二、添加数组元素

  1. 可以利用索引号在数组末尾进行添加新元素(arr[x]=' ',x为任意数值,添加新元素后,原来的数组长度增大为x)
    1     let arr=new Array('red','balck','pink');
    2     console.log(arr.length);//3
    3     arr[3]='blue';
    4     console.log(arr);//['red', 'balck', 'pink', 'blue']
  2. 调用.push()方法,在数组末尾进行添加新元素,返回的是数组长度

    1     let arr=new Array('red','balck','pink');
    2     let newArray=arr.push('black');//4
    3     console.log(arr);//['red', 'balck', 'pink', 'black']
  3. 调用.unshift()方法,在数组首位进行添加新元素,返回的是数组长度
    1     let arr=new Array('red','balck','pink');
    2     let newArray=arr.unshift('black');
    3     console.log(arr);//['black','red', 'balck', 'pink']

三、删除数组元素

  1. 利用数组长度进行删除数组元素;
  2. 调用.pop()方法,删除数组末尾的元素,返回的是删除的那个元素
    1     let arr = new Array('red', 'balck', 'pink');
    2     console.log(arr.pop());//返回的是删除的那个数组元素pink
    3     console.log(arr);// ['red', 'balck']
  3. 调用shift()方法,删除数组首位的元素,返回的是删除那个元素
    1     let arr = new Array('red', 'balck', 'pink');
    2     console.log(arr.shift());//返回的是删除的那个数组元素red
    3     console.log(arr);// ['balck', 'pink']    
  4. 调用.splice()方法,里面传入两个参数,第一个是从什么地方开始,第二个是要删除的个数。

四、数组排序

  1. .reverse()方法,进行数组翻转 1 let arr = new Array('red', 'balck', 'pink'); 2 arr.reverse(); 3 console.log(arr) 
  2. .sort()方法,进行冒泡排序
    1     let arr = new Array(1,5,3,4,88,16);
    2     arr.sort(function(a,b){
    3             // 升序排序
    4             return a-b;
    5             // 降序排序
    6             // return b-a;
    7     })
    8     console.log(arr);

五、数组索引

  1. .indexOf()方法,从首位开始查找数组元素的第一个索引号 
  2. .
  3. lastIndexOf()方法,从末尾开始查找元素的索引号  1 let arr = new Array('red', 'black', 'pink','black'); 2 console.log(arr.lastIndexOf('black'));//3  

六、数组转换成字符串

  1. .toString()方法;
  2. .join('分隔符') 1 let arr = new Array('red', 'black', 'pink'); 2 console.log(arr.join('-'));//red-black-pink 

 七、数组去重案例

 

 1        function uniqueArr(arr) {
 2             var newArr = [];
 3             for (var i = 0; i < arr.length; i++) {
 4                 if (newArr.indexOf(arr[i]) === -1) {
 5                     newArr.push(arr[i]);
 6                 }
 7                //核心就是等于-1就表明数组元素没有出现过,即是不存在,放进新数组里面,从而进行筛选重复数组元素
 8             }
 9             return newArr;
10         }
11         var demo = uniqueArr(['blue', 'green', 'blue','pink']);
12         console.log(demo);    

 

这篇关于JavaScript——内置对象(数组)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!