蓝鸥原生JS:定义数组及执行效果
2016-09-20 09:57
190 查看
蓝鸥原生JS:定义数组及执行效果
零基础学习HTML5—html+css基础【蓝鸥出品】
定义数组
两种方式定义一个数组:
1. var array1 = new array(1, 2, 3, 4);
2. var array2 = [1, 2, 3, 4];
数组元素的插入删除
• push(元素):从尾部添加新元素
• unshift(元素): 从头部添加新元素
• pop(),从尾部弹出元素
• shift(),从头部弹出元素
从某个位置连续删除若干个元素
splice(起始位置,长度)该方法从起始位置开始,删除长度个元素
数组元素的插入插入若干个元素
splice(起始位置,0,要插入的元素1,要插入的元素2,要插入的元素3.。。) 从起始位置删除0个元素,然后把要插入的元素从起始位置插入进数组
数组元素的替换
splice(要替换的元素起始位置,要替换元素的长度,新替换的元素1、新替换的元素2.。。)
数组的排序
sort()方法能实现数组的排序(按照ASICC表的顺序排序)
给字符串数组排序:
var aArray
= ["a",
"b",
"c",
"a",
"d"];
aArray.sort();
alert(aArray);
给整型数组排序
使用sort()方法不能给数字排序,所以我们需要给sort方法的参数部分传一个函数,已达到我们的目的(这一点和OC中的给数组排序含义类似)
var aArray
= [2,13,21,12,23,45,23];
aArray.sort(function(num1,num2)
{
return num1
- num2;
})
alert(aArray);
数组的拼接
concat()方法可以实现两个数组的拼接
var aArr1
= [1,2,3,4];
var aArr2
= [5,6,7,8];
var aArr3
= aArr1.concat(aArr2);
alert(aArr3);
执行效果:
数组元素之间添加分隔符
join()方法可以使用括号中的参数作为数组中的元素分隔符
执行效果:
零基础学习HTML5—html+css基础【蓝鸥出品】
定义数组
两种方式定义一个数组:
1. var array1 = new array(1, 2, 3, 4);
2. var array2 = [1, 2, 3, 4];
数组元素的插入删除
• push(元素):从尾部添加新元素
• unshift(元素): 从头部添加新元素
• pop(),从尾部弹出元素
• shift(),从头部弹出元素
从某个位置连续删除若干个元素
splice(起始位置,长度)该方法从起始位置开始,删除长度个元素
数组元素的插入插入若干个元素
splice(起始位置,0,要插入的元素1,要插入的元素2,要插入的元素3.。。) 从起始位置删除0个元素,然后把要插入的元素从起始位置插入进数组
数组元素的替换
splice(要替换的元素起始位置,要替换元素的长度,新替换的元素1、新替换的元素2.。。)
数组的排序
sort()方法能实现数组的排序(按照ASICC表的顺序排序)
给字符串数组排序:
var aArray
= ["a",
"b",
"c",
"a",
"d"];
aArray.sort();
alert(aArray);
给整型数组排序
使用sort()方法不能给数字排序,所以我们需要给sort方法的参数部分传一个函数,已达到我们的目的(这一点和OC中的给数组排序含义类似)
var aArray
= [2,13,21,12,23,45,23];
aArray.sort(function(num1,num2)
{
return num1
- num2;
})
alert(aArray);
数组的拼接
concat()方法可以实现两个数组的拼接
var aArr1
= [1,2,3,4];
var aArr2
= [5,6,7,8];
var aArr3
= aArr1.concat(aArr2);
alert(aArr3);
执行效果:
数组元素之间添加分隔符
join()方法可以使用括号中的参数作为数组中的元素分隔符
执行效果:
相关文章推荐
- 蓝鸥原生JS:定义数组
- 蓝鸥原生JS:事件的默认行为及效果演示
- js 字符串分割成字符串数组 遍历数组插入指定DOM里 原生JS效果
- 蓝鸥原生JS:事件对象及事件类型效果演示
- js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
- js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
- js定义数组及相关操作
- 原生Js实现按数据源均分时间点幻灯效果(已封装)
- js 多种变量定义(对象直接量,数组直接量和函数直接量)
- 原生JS仿苹果任务栏菜单,放大效果的菜单
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo) (转http://www.cnblogs.com/mrthink/archive/2011/01/29/1947532.html)
- JS 定义数组
- 异步加载js文件并执行js方法:实现异步处理网页的复杂效果
- 定义并且立即执行JS匿名函数拾遗
- js split 的用法和定义 js split分割字符串成数组
- 多组处理, 仅展开一个区块的折叠效果(原生Js和jQ版)
- (原)原生js封装的焦点图(幻灯片)效果一
- JS数组定义
- 原生Js实现按的数据源均分时间点幻灯片效果(已封装)
- JS数组定义