- 浏览: 442741 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (158)
- J2SE (15)
- c/c++ (17)
- linux & ubuntu (20)
- js (18)
- algorithm (21)
- android (1)
- software (3)
- svn (1)
- db (6)
- other (19)
- css (5)
- go (1)
- html 5 (3)
- computer science (1)
- php (3)
- 创业 (8)
- EJB & jboss (1)
- TDD (1)
- jsp & servlet (2)
- http, tcp & ip (2)
- hibernate (1)
- json (1)
- 乐 (2)
- ps (2)
- netbeans (1)
- extjs (2)
- eclipse (4)
- 项目管理 (1)
- varnish (2)
- study abroad (1)
- python (1)
- erlang (1)
- math (1)
- shell (1)
- assembly (4)
- lucene (1)
- web (1)
- http (1)
- tcp & ip (1)
最新评论
-
yiguxianyun:
...
css li 不换行 -
stdayong:
...
netbeans 中使用 maven -
程序猿_星:
为啥会中文乱码啊
servlet 以 gzip 格式返回数据 -
huanhuan519:
感谢分享~
gdb 调试工具 -
heyl1234:
写过些js,对css还不熟。谢谢~
css li 不换行
js array method
array has some build-in method, to manipulate array,
------
join
join array elements and return a string, elements are separated by a separator,
the default separator is ',' , also you can specify one,
e.g.
var arr = [1,2,3,4]; console.log(arr.join()); console.log(arr.join('-'));
------
reverse
reverse array elements, and return the reversed array, the method effect the original array,
e.g.:
var arr = [1,2,3,4]; console.log(arr); arr.reverse(); console.log(arr);
------
sort
sort array, and effect the original array,
default order:
default order is according to alphabetical order, (elements will be convert to string temporarily if necessary),
comparison function:
you can specify a comparison function as argument, which specify the order,
there are 2 param for the comparsion function,
return a num:
<0 means first param is appear first,
>0 means second param is appear first,
=0 means equal,
e.g.
var arr = [5,1,7,2,9,3,4]; console.log(arr); console.log(arr.sort()); // order from small to big console.log(arr.sort(function(a,b) { // order from big to small return b-a; }));
------
concat
append element to array, and return the new array, the original array will not change,
there could be multiple params which might be single element or array, they will be add by order,
array param:
if param has array, it will be treat as a unit, and will not be separated,
e.g.
var arr = [1,2,3]; console.log(arr); console.log(arr.concat(4,5,[6,7],[[8,9],[[10,11],[12,13]]])); console.log(arr);
------
slice
slice(x,y), return sub array by index [x,y), and not effect the original array,
if second param is missing, then return to the end,
if param is <0, then +=length once, if still <0, then nothing will be returned,
if index out of range, then nothing will be returned,
if first>=second, then nothing will be returned,
e.g.
var arr = [1,2,3,4,5]; console.log(arr); console.log(arr.slice(1,3)); console.log(arr.slice(1)); console.log(arr.slice(-3,-1)); console.log(arr.slice(-3,-20)); console.log(arr.slice(3,1)); console.log(arr.slice(100,102));
------
splice
splice(start,number to delete, ... ), used to add / remove element from array, and return the removed element array, the original array will be effect,
if second param is missing, then delete to end,
third and more params, it to be insert from start, (insert is perfromed after elements remove),
e.g.
var arr = [1,2,3,4,5,6,7,8,9]; console.log(arr); console.log(arr.splice(1,3)); console.log(arr); console.log(arr.splice(4)); console.log(arr); console.log(arr.splice(2,0,'a','b')); console.log(arr); console.log(arr.splice(2,2,'hello',' ','how are you!')); console.log(arr);
------
push & pop
push
append 1/more elements to the end, and return the new length of array, effect the original array,
pop
remove 1 element from the end, decrease length by 1, and return the removed element, effect the original array,
e.g.
var arr = [1,2,3,4,5]; console.log(arr); console.log(arr.push(6)); console.log(arr); console.log(arr.push('a','b')); console.log(arr); console.log(arr.pop()); console.log(arr);
------
shift & unshift
unshift
insert 1/more elements to the beginning, and return the new length, effect the original array,
if insert more elements is inserted once, their order in the new array is the same as in the param list,
shift
remove first elements of the array, and return it, effect the original array,
e.g.
var arr = [1,2,3,4,5]; console.log(arr); console.log(arr.unshift('a','b')); console.log(arr); console.log(arr.unshift('a')); console.log(arr.unshift('b')); console.log(arr); console.log(arr.shift()); console.log(arr);
------
toString & toLocaleString
toString()
first convert its element to string if necessary, then join them with ',' into one string,
the output string is not surrounded by any thing,
this is the same as calling join(),
e.g.
var arr = [1,2,3,4,5]; var arr2 = [1,2,[3,[4,5]]]; console.log(arr.toString()); console.log(arr2.toString());
toLocaleString()
is the localized version of toString(),
first convert its element to string by calling toLocaleString() of the element if necessary, then join them with a locale-specific (and implementation-defined) separator into one string,
------
发表评论
-
link archor
2012-04-02 21:26 1334link archor http://www.x ... -
define subclass - js
2012-03-09 14:24 1631define subclass - js --- ... -
js closure
2012-03-02 18:21 1049js closure scope: in j ... -
js logic operator
2012-01-16 21:41 909logical expression of js ... -
js 检验 Array
2011-01-01 20:13 854检验是否是 Array 工具方法: function ... -
heap sort
2010-12-18 19:09 1205heapsort ------ heap 数据结构 hea ... -
js 图片延迟加载
2010-11-20 17:04 1594图片延迟加载 ------ 需求场景: 对于长页面,如果有 ... -
js 的 null & undefined 判断
2010-10-25 23:35 2198判断 null 或 undefined ------ 判断规 ... -
chrome 开发人员工具
2010-10-08 15:33 1673chrome 有自己的开发人员工具,类似 firefox 的 ... -
apply() & call()
2010-09-24 19:24 1064apply & call Function 对象 调 ... -
ascii & char & string of js
2010-09-11 19:02 3396ascii & char & string ... -
js String trim()
2010-09-10 00:06 17675为 js 添加 trim() 功能 js 默认不支持 tri ... -
js 实现 本地图片 预览
2010-08-26 10:59 3413js 实现 本地图片 预览 <!DOCTYPE H ... -
bassistance 's jquery plugin
2010-04-27 13:20 1219该网址下有些比较好用的 jquery plugin http ... -
andrew-hoyer webside
2010-03-05 17:18 866andrew-hoyer 's webside is fun, ... -
raphael js lib
2010-03-05 11:03 2613raphael js 是超级炫的 js 库,提供对 web 矢 ... -
js 倒计时
2010-03-03 18:00 3866写了个超简单的 js 倒计时,使用了 jquery1.4.2 ...
相关推荐
综上所述,“Dom-Array-Methods”主题涉及了JavaScript中DOM操作与数组方法的结合使用,通过熟练掌握这些技术,开发者能够更高效地操控网页元素,实现复杂的功能。在实际开发中,结合使用这些工具可以大大提升代码的...
这个名为“Project5-Javascript-ArrayMethods”的项目显然关注的是JavaScript中的数组方法。数组方法是JavaScript中处理和操作数组的强大工具,对于任何JavaScript开发者来说,理解并熟练运用它们至关重要。 首先,...
day7-js arrayMethods-2 day8-js html5Canvas day9-js devtoolTricks 第10天-jsholdShift day11-js html5VideoControl day12-js keySequenceDetection day13-js slideInOnScroll day14-js 参考VsCopying ...
在这个名为"DOM-Array-Methods"的项目中,开发者结合了这两种技术来实现一系列的功能,包括从API获取数据、遍历、变换、筛选、排序以及聚合数据。 首先,项目通过调用API获取随机用户数据。这通常涉及到发送HTTP...
"arraymethods"这个主题涵盖了JavaScript中数组对象所提供的各种内置方法,这些方法极大地增强了我们处理和操作数组的能力。接下来,我们将深入探讨其中的一些关键知识点。 1. **数组创建与初始化** - `let arr = ...
第6周-JS数组方法 这是一项任务,使我们有机会使用不同的数组方法。 它基于虚构业务环境中的一些用例,这些用例会涉及排序,过滤和查找数据的常用用法。 此分配中使用的方法如下: forEach() filter() map() ...
在JavaScript中,数组方法是处理和操作数组的强大工具。这些方法极大地简化了对数组的迭代、过滤、查找、合并和变换等操作。本篇将详细探讨JavaScript中的数组方法,包括它们的功能、用法以及如何在实际编程中有效地...
JavaScript是一种广泛应用于Web开发的脚本语言,尤其在处理数据结构如数组时,它提供了丰富的内置方法。数组方法是JavaScript中的重要组成部分,帮助开发者高效地操作和管理数组元素。在这个主题“所有JavaScript...
现有数组方法的新版本该项目从头开始在JavaScript的Array.prototype中重新创建以下方法: 推送(数组,项目) 弹出(数组) 移位(数组) 不移位(数组,项目) Array.prototype中使用的唯一属性/方法是“长度”。...
JavaScript基础 范围和关闭 目标 说明功能范围 描述什么是闭包,如何在程序中创建闭包,以及理解JavaScript中的闭包为何重要 介绍 这个挑战集中在范围和闭包上。 在这项挑战中,您将努力建立一个scoreboard (在...
要使用这些方法,只需在代码顶部要求使用more-array-methods ,然后将其作为函数运行即可 const makeArraysLessTerrible = require('more-array-methods'); makeArraysLessTerrible(); //congratulations! you just...
在JavaScript编程语言中,数组是一种非常重要的数据结构,它允许我们存储和操作多个值。数组提供了许多内置的方法,这些方法极大地增强了我们处理和操作数组的能力。在这个话题中,我们将深入探讨一些JavaScript中常...
一个实现E4X XML数组方法JavaScript库。 它旨在使XML更易于在基于(Spider | Trace | Action)Monkey和Rhino的服务器端JavaScript环境中使用。 请参阅此以了解如何将其与XML一起使用。
"Advanced-Array-Methods:数组方法第2部分"的主题深入探讨了JavaScript数组的高级用法和方法,这些都是开发人员在处理复杂数据操作时不可或缺的工具。下面将详细介绍其中的一些关键知识点。 1. **`map()`**: 这个...
Incorporate ideas with curried functions, array methods, classes, and more to create code that does more with less while yielding fewer bugs. It's time to write JavaScript code that's clean and ...
`array-methods-practicer`是一个专为提升JavaScript开发者对数组方法理解与应用能力的应用程序。这个移动友好型项目旨在帮助用户通过实践来掌握一系列常见的数组操作。 ### 一、JavaScript中的数组方法 1. **map...
JS方法第2部分JavaScript方法练习-作为30天30天香草JS编码挑战JavaScript30的一部分完成使用的方法: Array.prototype.some() Array.prototype.every() Array.prototype.find() Array.prototype.findIndex()
structs.js 用于创建和操作字节数组的Javascript数据类型用法示例 import Struct from 'structs.js'var bottle = new Struct ( ) ;var label = bottle . push ( new Struct ( ) ) ;var content = bottle . push ( "B...
使用JavaScript数组方法 该站点是有关如何在javascript中使用map()和forEach()方法的简单演示。 动机 当我第一次使用,我发现了javascript方法map()来遍历JSX中的数据。 以前有一些用JavaScript编写功能代码的经验,...
custom-array-methods-js 具有自定义构建JavaScript方法的JSON对象。 这些方法为解决常见的js问题提供了一种更方便,更优雅的方法。 安装:git clone 从'./custom-methods-js/customMethods'导入; 用法:am....