`

Js 之 slice使用实例

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> Array--Slice使用 </TITLE>
  <script>
	<!--
		var array = [0,1,2,3,4,5,6,7,8,9,10];
	//-->
  </script>
 </HEAD>
<input type='button'  onclick='javascript:alert(array);' value='查看全数组'/>
<input type='button'  onclick='javascript:alert(array.slice(0,11));' title='(0,11)或(0)' value='Copy[零到10]'/>
<input type='button'  onclick='javascript:alert(array.slice(0,-5));' title='(0,(-5+11)=6)' value='Copy[零到-5]'/>
<input type='button'  onclick='javascript:alert(array.slice(-5,7));' title='((-5+11)=6,7)' value='Copy[-5到7]'/>
<input type='button'  onclick='javascript:alert(array.slice(4,2));' title='(4,2)' value='Copy[start大于end]'/>
<input type='button'  onclick='javascript:alert(array.slice(2));' title='(2)' value='Copy[start=2,省略end]'/>

<div style='width:700px;height:200px;color:blue;border:1 solid red;padding:4px;'>
array对象的slice函数:
<ul>
<li>
返回一个数组的一段。(仍为数组) </li>
<li>
arrayObj.slice(start, [end])  
参数 
arrayObj  
必选项。一个 Array 对象。  </li>
<li>
start  
必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。  </li>
<li>
end  
可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。</li>
<ul> 
	<li>slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。</li>
	<li>slice 方法一直复制到 end 所指定的元素,但是不包括该元素。</li>
	<li>如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。
	</li>
	<li>如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。</li>
	<li>如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。</li>
	<li>如果 end 出现在 start 之前,不复制任何元素到新数组中。</li>
</ul>
</div>
 <BODY>
	
 </BODY>
</HTML>
分享到:
评论

相关推荐

    JavaScript中的slice()方法使用详解

    总的来说,JavaScript的slice()方法是处理字符串和数组时不可或缺的工具,它的功能强大且易用,是学习JavaScript时必须掌握的方法之一。通过实际的例子和应用,我们能够更加深入地理解slice()方法的工作原理和使用...

    javaScript中slice函数用法实例分析

    本文实例讲述了javaScript中slice函数用法。分享给大家供大家参考。具体分析如下: javaScript 中的 slice 函数,对于array对象的slice函数,返回一个数组的一段。(仍为数组) arrayObj.slice(start, [end])  ...

    在js中,截取字符串的slice和substring的区别

    ### 在JavaScript中,截取字符串的slice和substring的区别 #### 引言 在日常的前端开发工作中,我们经常需要对字符串进行操作,特别是在提取或截取字符串中的特定部分时。JavaScript 提供了多种方法来帮助开发者...

    js实例大全 js实例

    本"JS实例大全"聚焦于展示JavaScript在实际应用中的各种功能和技巧,帮助开发者更好地理解和掌握这门语言。 一、基础语法与数据类型 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、...

    js Array.slice的8种不同用法示例

    JS数组slice方法是JS语言中最强大、最常用的内建函数之一。 随着React和其他面向功能的JavaScript实践的兴起,它变得越来越重要,原因有两个: 函数式编程,尤其是高阶函数,与数据列表密切配合 函数式编程需要纯...

    JS数组方法slice()用法实例分析

    以下是一些使用`slice()`方法的实例: 1. **只有一个参数的情况**: ```javascript var arr = [1, 2, 3, 'a', 'b', 'c', 'd']; var newArr = arr.slice(2); // newArr 为 [3, 'a', 'b', 'c', 'd'] ``` 2. **...

    原生JS中slice()方法和splice()区别

    在JavaScript的数组操作中,`slice()` 和 `splice()` 是两个非常重要的方法,它们都能用于处理数组中的元素,但有着显著的区别。 `slice()` 方法的主要功能是返回一个新的数组,这个新数组包含了原数组中从指定开始...

    JavaScript使用slice函数获取数组部分元素的方法

    在介绍slice方法的使用技巧之前,我们先来看一个具体的例子。假设我们有一个包含水果名称的数组fruits,并且我们想要获取数组中的“Orange”和“Lemon”,这两个元素分别是数组的第二个和第三个元素。通过下面的代码...

    JavaScript字符串对象slice方法入门实例(用于字符串截取)

    JavaScript slice 方法 slice 方法用于截取字符串中的一部分并返回该部分字符串。其语法如下: 代码如下: str_object.replace(start, end) 参数说明: 参数 说明 str_object 要操作的字符串(对象) start ...

    javascript Array.prototype.slice使用说明

    JavaScript中的`Array.prototype.slice`方法是一个非常实用的工具,它允许你从数组中提取一部分元素并返回一个新的数组,而不会改变原始数组。这个方法在处理数组或者类似数组对象时尤其有用,因为它能处理那些拥有`...

    JavaScript应用程序经典实例全书源码

    4. **数组与集合方法**:JavaScript中的Array对象提供了很多实用的方法,如push、pop、shift、unshift、splice、slice、concat、join、map、filter、reduce等,这些在处理数据时非常常用。 5. **事件处理**:...

    JavaScript 全部实例代码

    JavaScript,作为全球最广泛使用的编程语言之一,是构建动态网页和交互式应用的关键技术。它是一种解释型、弱类型、基于原型的脚本语言,主要应用于客户端的网页开发,但近年来也越来越多地被用于服务器端(例如Node...

    JavaScript 学习实例。实用例子

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,主要负责网页的动态交互。这个压缩包文件集合了一系列的JavaScript学习实例,是深入理解并掌握JavaScript语法、功能和应用的好资源。通过实践这些...

    node.js中的buffer.slice方法使用说明

    在Node.js中,Buffer类的一个常用方法是slice方法,它用于创建一个新的Buffer实例,该实例引用与原始Buffer相同的数据部分。 Buffer.slice方法用于返回一个指定范围的Buffer实例的视图,它并不会复制底层内存,而是...

    javascript Array.prototype.slice的使用示例

    `Array.prototype.slice`是JavaScript中的一个非常重要的方法,主要用于从原始数组中提取子数组并返回。这个方法不会改变原数组,而是返回一个新的数组实例。在本文中,我们将深入探讨`slice`方法的使用,以及如何在...

    javascript实例自学手册:486个实例电子版(包括例子)

    作为“javascript实例自学手册”的一部分,这个压缩包包含486个实例,旨在帮助初学者通过实践来理解和掌握JavaScript的核心概念。 1. **基础语法** - 变量声明:在JavaScript中,我们使用`var`、`let`或`const`来...

Global site tag (gtag.js) - Google Analytics