温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript数组使用实例分析

发布时间:2022-01-27 09:08:24 来源:亿速云 阅读:134 作者:iii 栏目:开发技术

这篇文章主要讲解了“javascript数组使用实例分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript数组使用实例分析”吧!

1、push

在数组末尾添加一个或者多个元素

		var arr = [1,2,3,4];
        arr.push(5);
        console.log(arr);// [1, 2, 3, 4, 5]
        arr.push(6,7);
        console.log(arr);//[1, 2, 3, 4, 5, 6, 7]

2、pop

数组末尾删除一个,并返回删除的元素

		var arr = [1,2,3,4];		
		console.log(arr.pop());// 4
        console.log(arr); // [1,2,3]

3、unshift()

数组头部添加一个或者多个元素,返回添加后的数组长度

var arr = [4,5,6,7];arr.unshift(2,3)        console.log(arr); // [2, 3, 4, 5, 6, 7]        arr.unshift(1)        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]		var arr = [4,5,6,7];
		arr.unshift(2,3)
        console.log(arr); // [2, 3, 4, 5, 6, 7]
        arr.unshift(1)
        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]

4、shift()

头部删除一个元素,返回这个被删除的元素

		var arr = [4,5,6,7];
		console.log(arr.shift()); //4
        console.log(arr); //[5, 6, 7]

5、concat()

数组合并, 不会改变原数组

		var abb = [1,2,3]
        var arr = [4,5,6,7];
        console.log(abb.concat(arr)); // [1, 2, 3, 4, 5, 6, 7]

6、reverse()

数组翻转、会改变原数组

		var arr = [1,2,3];
		console.log(arr.reverse()); // [3, 2, 1]
        console.log(arr); // [3, 2, 1]

7、sort( )

对数组进行从小到大的排序、会改变原数组

        var arr = [1,3,8,2,5]
		console.log(arr.sort()); // [1, 2, 3, 5, 8] 默认是从小到大排序
		arr.sort(function fn(a,b){ // 升序
            return a-b
        })
        console.log(arr); // [1, 2, 3, 5, 8]
        arr.sort(function fn(a,b){ // 降序
            return b-a
        })
        console.log(arr); // [8, 5, 3, 2, 1]

8、join()

把数组转换为字符串、不会改变原数组

		var arr = [1,2,3,4,5]
        console.log(arr.join()); // 1,2,3,4,5  默认是以逗号分割
        console.log(arr.join('-')); // 1-2-3-4-5 可以在括号内定义用什么分割
        console.log(arr); // [1, 2, 3, 4, 5]

9、slice()

数组截取、不会改变原数组

        console.log(arr.slice(4)); // [5] 从下标为4的位置开始到最后一个结束 
        console.log(arr.slice(2,4));// [3, 4] 从下标为2的位置开始到4结束、但不包括下标为4 的值
        console.log(arr); // [1, 2, 3, 4, 5]

10、splice()

删除、插入、会改变原数组

        var arr = [1,2,3,4,5,6,7]
        // 删除
        console.log(arr.splice()); // [] 没穿参数返回空数组
        console.log(arr.splice(4)); //  [5, 6, 7] 从下标4开始删除到末尾,返回被删除的值
        console.log(arr.splice(4,2));// [5, 6] 第二个参数是删除多少
        console.log(arr);
		// 插入
		// 第一个参数是从什么位置开始,第二个是移除几个,第三个以后是添加的内容
		console.log(arr.splice(1,0,3));// [] 返回空数组
        console.log(arr); // [1, 3, 2, 3, 4, 5, 6, 7] 
        console.log(arr.splice(1,0,3,4));// [1, 3, 4, 2, 3, 4, 5, 6, 7]

感谢各位的阅读,以上就是“javascript数组使用实例分析”的内容了,经过本文的学习后,相信大家对javascript数组使用实例分析这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI