第一章 web前端开发工程师--JavaScript 初级程序设计 1-14JavaScript对象中的方法

    xiaoxiao2025-03-21  33

    JavaScript对象中的方法

    本节课所讲内容:

    JavaScript 对象中的方法

    主讲教师:Head老师

    一.JavaScript 对象中的方法

    默认情况下,数组字符串都会以逗号隔开。如果使用join()方法,则可以使用不同的分隔符来构建这个字符串。

    var box = ['Head老师', 28, 'teacher'];

    alert(box.join('|')); // Head老师|28| teacher

     

    栈方法

    栈是一种数据结构(后进先出),也就是说最新添加的元素最早被移除。ECMAScript为数组专门提供了push()和pop()方法。

    push()方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度。而pop()方法则从数组末尾移除最后一个元素,减少数组的length值,然后返回移除的元素。

    var box = ['Head', 28, 'teacher']; //字面量声明

    alert(box.push('180')); //数组末尾添加一个元素,并且返回长度

    alert(box); //查看数组

    box.pop(); //移除数组末尾元素,并返回移除的元素

    alert(box); //查看元素

     

    队列方法

    栈方法是后进先出,而列队方法就是先进先出。队列在数组的末端添加元素,从数组的前端移除元素。通过push()向数组末端添加一个元素,然后通过shift()方法从数组前端移除一个元素。

    var box = ['Head', 18, 'teacher']; //字面量声明

    alert(box.push('180')); //数组末尾添加一个元素,并且返回长度

    alert(box); //查看数组

    alert(box.shift()); //移除数组开头元素,并返回移除的元素

    alert(box); //查看数组

    ECMAScript还为数组提供了一个unshift()方法,它和shift()方法的功能完全相反。unshift()方法为数组的前端添加一个元素。

    var box = ['Head', 28, 'teacher']; //字面量声明

    alert(box.unshift('180','teacher')); //数组开头添加两个元素

    alert(box); //查看数组

    alert(box.pop()); //移除数组末尾元素,并返回移除的元素

    alert(box); //查看数组

     

    重排序方法

    数组中已经存在两个可以直接用来排序的方法:reverse()和sort()。

    reverse() 逆向排序

    var box = [1,2,3,4,5]; //数组

    alert(box.reverse()); //逆向排序方法,返回排序后的数组

    alert(box); //源数组也被逆向排序了,说明是引用

     

    sort() 从小到大排序

    var box = [4,1,7,3,9,2]; //数组

    alert(box.sort()); //从小到大排序,返回排序后的数组

    alert(box); //源数组也被从小到大排序了

     

    操作方法

    ECMAScript为操作已经包含在数组中的元素提供了很多方法。concat()方法可以基于当前数组创建一个新数组。slice()方法可以基于当前数组获取指定区域元素并创建一个新数组。splice()主要用途是向数组的中部插入元素。

    var box = ['Head', 28, 'teacher']; //当前数组

    var box2 = box.concat('计算机编程'); //创建新数组,并添加新元素

    alert(box2); //输出新数组

    alert(box); //当前数组没有任何变化

     

    var box = ['Head', 28, 'teacher']; //当前数组

    var box2 = box.slice(1); //box.slice(1,3),2-4之间的元素

    alert(box2); //28,北京

    alert(box); //当前数组

     

    splice中的删除功能:

    var box = ['Head', 28, 'teacher']; //当前数组

    var box2 = box.splice(0,2); //截取前两个元素

    alert(box2); //返回截取的元素

    alert(box); //当前数组被截取的元素被删除

     

    splice中的插入功能:

    var box = ['Head', 28, 'teacher']; //当前数组

    var box2 = box.splice(1,0,'计算机编程','北京'); //没有截取,但插入了两条

    alert(box2); //在第2个位置插入两条

    alert(box); //输出

     

    splice中的替换功能:

    var box = ['Head', 28, 'teacher']; //当前数组

    var box2 = box.splice(1,1,100); //截取了第2条,替换成100

    alert(box2); //输出截取的28

    alert(box); //输出数组

     

    最新回复(0)