Blogger Information
Blog 4
fans 0
comment 0
visits 3316
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JavaScript的引入方式和数组函数slice(),splice()方法使用2019-1-17 9:38
D调肥仔的博客
Original
665 people have browsed it

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]

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post