Rumah > hujung hadapan web > tutorial js > javascript中Array数组的解析(附实例)

javascript中Array数组的解析(附实例)

不言
Lepaskan: 2018-08-31 11:22:28
asal
1550 orang telah melayarinya

本篇文章给大家带来的内容是关于javascript中Array数组的解析(附实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

Array对象

创建 Array 对象的语法

new Array();
new Array(size);
new Array(element0, element1, ..., elementn);
Salin selepas log masuk

参数

参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。

参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。

当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。

Array 对象属性

constructor    返回对创建此对象的数组函数的引用。
length    设置或返回数组中元素的数目。
prototype    使您有能力向对象添加属性和方法。

Array 对象方法

方法                描述
concat()    连接两个或更多的数组,并返回结果。
join()    把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()    删除并返回数组的最后一个元素
push()    向数组的末尾添加一个或更多元素,并返回新的长度。
reverse()    颠倒数组中元素的顺序。
shift()    删除并返回数组的第一个元素
slice()    从某个已有的数组返回选定的元素
sort()    对数组的元素进行排序
splice()    删除元素,并向数组添加新元素。
toSource()    返回该对象的源代码。
toString()    把数组转换为字符串,并返回结果。
toLocaleString()    把数组转换为本地数组,并返回结果。
unshift()    向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()    返回数组对象的原始值

实例

1.用join(" ")格式化输出

使用join格式化输出:每个元素用空格分开

let b = new Array();
....
//格式化输出
//let str = "";
//for(let i = 0; i < n-1; i++){
    //str+=b[i];
    //str+=" ";
//}
//str+=b[n-1];
//print(str);

//使用join格式化输出

let ans = b.join(" ");
print(ans);
Salin selepas log masuk

2.数组循环右移

数组循环右移:arr.unshift(arr.pop())

function RoundShift(arr , count) {
    for (var i = 0; i< count; i++) {
        arr.unshift(arr.pop());
        //unshift()    向数组的开头添加一个或更多元素,并返回新的长度
        //pop()    删除并返回数组的最后一个元素
        //shift()    删除并返回数组的第一个元素
        //push()    向数组的末尾添加一个或更多元素,并返回新的长度
    }
}
var arr = [1,2,3,4,5,6,7];
RoundShift(arr, 3);
console.log(arr);
Salin selepas log masuk

字符串循环右移:str.substring(start, stop)

function shiftLeft(str, n) {
    var len = str.length;
    // 因为是循环移动,所以需要处理移动位数大于字符串长度的情况
    n = n % len;
    return str.substring(n, len) + str.substring(0, n);
}
var s= shiftLeft('abcdefg', 2);
console.log(s); // "cdefgab"
s = shiftLeft('abcdefg', 10);
console.log(s); // "defgabc"
Salin selepas log masuk

比较两个字符串是否为循环单词:substring(start,stop)

function shiftLeft(str1, str2){
    if(str1.length!=str2.length){return false;}
    for(let i = 0; i < str1.length; i++){
        let s = str1.substring(i) + str1.substring(0,i);
        if(s==str2){
            return true;
        }
    } 
    return false;
}
Salin selepas log masuk

3.排序sort()

自定义排序比较函数

let lines = readline().split(" ");
let arr = new Array(n);
for(let i = 0; i < lines.length; i++){
    arr[i] = parseInt(lines[i]);
}
arr.sort(cmp);
print(arr);
//比较函数,保证正确排序
function cmp(x,y){
    return x-y;
}
Salin selepas log masuk

4.slice()和splice()

slice()

定义和用法

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)
Salin selepas log masuk

参数    描述

start    必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

end    可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

说明

请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

提示和注释

注释:您可使用负值从数组的尾部选取元素。

注释:

如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

splice()

定义和用法

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

注释:该方法会改变原始数组。

语法

arrayObject.splice(index,howmany,item1,.....,itemX)
Salin selepas log masuk

参数    描述

index    必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany    必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX    可选。向数组添加的新项目。

返回值

类型    描述
Array    包含被删除项目的新数组,如果有的话。

说明

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

相关推荐:

JavaScript程序中Array数组对象的扩展函数实例

JavaScript中的Array对象使用说明_javascript技巧

Atas ialah kandungan terperinci javascript中Array数组的解析(附实例). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan