JS数组的常用函数slice()和splice()及引入HTML文档的三种方法-2019.01.17

JavaScript

是所有主流浏览器都支持的,并且是唯一的通用脚本编程语言

三大特点:

* 语法灵活,表达力强

* 支持编译运行

* 事件驱动和非阻塞设计

JavaScript slice() 方法

定义和用法

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

语法

arrayObject.slice(start,end)

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

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

返回值

返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

例子：

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 slice() 方法

定义和用法

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

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

语法

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

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

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

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

返回值

Array   包含被删除项目的新数组，如果有的话。

例子：

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

// 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]

js引入方式

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

<h3 id="name" onclick="alert(name)">张三</h3>

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

<script>

     console.log('js内部引入');

</script>

三、外部引入：将js脚本写到外部的js文件中

<script src="demo.js"></script>