博客列表 >JavaScript的引入方式和数组函数slice(),splice()方法使用2019-1-17 9:38

JavaScript的引入方式和数组函数slice(),splice()方法使用2019-1-17 9:38

D调肥仔的博客
D调肥仔的博客原创
2019年01月17日 09:38:46664浏览

JavaScript

被所有浏览器支持的,唯一的通用脚本编程语言。

三大特点:

* 语法灵活,表达力强

* 支持编译运行

* 事件驱动和非阻塞设计


 js引入方式

行内引入:直接在元素的事件方法属性上写js代码

<body>

<input type="button" onclick="alert('行内引入')" value="button" name="button">

<button onclick="alert(123)">点击我</button>

</body>

内部引入:将js脚本写script标签中,仅限当前页面使用

<script>

alert("这是js的内部引入");

</script>

外部引入:将js脚本写到外部的js文件中

定义外部js文件(.js结尾的文件)

<scripttype="text/javascript" src="demo.js"></script>

注:

1. script标签一般定义在head或body中

2. Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用

外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点


JavaScript slice() 方法

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

语法

arrayObject.slice(start,end)


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

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

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

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

提示和注释

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

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

var arr = [1,2,3,4,5,6]; // 返回从索引2到4之间元素(不含索引4)

console.log( arr.slice(1,4) );  // [2,3,4]

console.log( arr.slice(1,-2) );  // [2,3,4],尾部从-1开始


JavaScript splice() 方法

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

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

语法

arrayObject.splice(index,howmany,item1,.....,itemX)

index    必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。    

howmany    必需。要删除的项目数量。如果设置为 0,则不会删除项目。    

item1, ..., itemX    可选。向数组添加的新项目。    

返回值  Array    包含被删除项目的新数组,如果有的话。    

说明

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

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

// 增加和删除元素,返回删除的元素数组

// splice(开始索引, 要删除的数量(0表示不删除), 要添加的元素(多个逗号分开))

var arr = [1,2,3,4,5,6,7,8];

arr.splice(2,0,'a'); // 从第三个位置添加一个元素,非删除操作,返回空数组

console.log(arr);  // [1, 2, "a", 3, 4, 5, 6, 7, 8]

arr.splice(4,2);  // 从第5个位置删除2个,返回 [4, 5]

console.log(arr); // [1, 2, "a", 3, 6, 7, 8]

// 更新,实际上分二步完成:1.删除:是先删除指定元素, 2.添加: 再添加新元素到这个位置上

arr.splice(2,1,'php');  // ['a']

console.log(arr); // [1, 2, "php", 3, 6, 7, 8]

上一条:2019.1.17 js作业_01课下一条:1.16zuoye
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议