js编程知识点

本文围绕JavaScript和Bootstrap展开,介绍了var和let的作用域区别,阐述了JS中数组的创建、访问、添加、删除等操作,说明了日期转数字、获取标签内容、在JSON数组中获取满足条件对象的方法,还提及了Bootstrap单元格下拉框及map、reduce函数的用法。

var和let的区别

var是方法作用域,即var定义变量所在的方法内的定义之后任何地方都可以访问该变量;
let是块作用域,即在let定义变量所在的块中的定义之后的任何地方都可以访问该变量,即{}之内。

动态添加数组

js中添加数组用push.示例如下:
var arr = [];
arr.push(‘new’);
arr.push(‘element’);
arr -> [‘new’, ‘element’]

JS中数组相关操作还有数组的创建,访问,删除等。

1、数组的创建
var arr = new Array(); //创建一个数组
var arr = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arr = new Array([element0[, element1[, …[, elementN]]]]); 创建一个数组并赋值
要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。
2、数组的元素的访问
var testGetArrValue=arr[1]; //获取数组的元素值
arr[1]= “这是新值”; //给数组元素赋予新的值
3、数组元素的添加
arr. push([item1]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arr.unshift([item1]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arr.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
4、数组元素的删除
arr.pop(); //移除最后一个元素并返回该元素值
arr.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arr.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、concat(3,4):把两个数组拼接起来。

将日期转换为数字

var arr = [];
var d = "2013-11-11";
arr = d.split("-");
var str = arr.join("");//str = "20131111";

javascript-获取标签的内容

  • 标签的:

document.getElementById(“id”).value ;

  • 其他文本标签的:

document.getElementById(“miao”).innerHTML;

修改的也同上,在后面加上"="就可以了

  • jquery中的
    $(“div”).text(); 获取中间的文本,不包括html标签;
    $(“div”).html(); 获取中间的所有内容。
    $(“div:first”).html(); 获取第一个DIV中间的所有内容。

在json数组中获取满足条件的对象

        	let n=0;
        	//alert(n++);//0
			let daren=[];
			let arr1 = [];
			let arr2= [];

			arr1 = sname5.split("-");	arr2 = sname6.split("-");

			let dateStart = parseInt(arr1[0])*10000+parseInt(arr1[1])*100+parseInt(arr1[2]);//开始时间转化为数字
			let dateEnd = parseInt(arr2[0])*10000+parseInt(arr2[1])*100+parseInt(arr2[2]);//结束时间转化为数字

			//alert(n++);//1
			alert(dateStart);
			alert(json.length);

			for(let i=0;i<json.length;i++) {
				let jsontime=[];
				jsontime=json[i].meetingtime.split("-");
				let itemp=parseInt(jsontime[0])*10000+parseInt(jsontime[1])*100+parseInt(jsontime[2]);//接收到的时间转化为数字
				//alert(itemp);
				if (itemp <= dateEnd && itemp >= dateStart)
				{
					//alert(n++);
					//alert(json[i]);
					daren.push(json[i]);
				}
			}

			//alert(n++);//2

			//var  danton= JSON.stringify(daren);

bootstrap单元格下拉框

转载

js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

jQuery中获得选中select值

第一种方式
$(’#testSelect option:selected’).text();//选中的文本

$(’#testSelect option:selected’) .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

map的用法

map返回的是一个提供给map方法操作后的数组。回调函数里就是迭代操作数组中每个元素,并将这个元素返回。
如 var arr = [1,2,3,4,5];
arr = $.map(arr,function(v,i){return v = v+1;});
这时候arr内容是[2,3,4,5,6] 	

reduce函数

先来看个例子:

data.map(function (row) {
                           return row[field]
                        }).reduce(function (sum, i) {
                            return sum + i
                        }, 0)

仔细分析 ,就是data.map(…).reduce(…),即一个数组连续接上两个函数。
map()上一节已经说到了,主要功能就是映射将对象数组映射成响应的纯数组。

然后在对数组执行reduce()内置函数,该函数用法如下:

arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

参数

callback
执行数组中每个值 (如果没有提供 initialValue则第一个值除外)的函数,包含四个参数:

accumulator

    累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(见于下方)。
currentValue
    数组中正在处理的元素。
index 可选
    数组中正在处理的当前元素的索引。 如果提供了initialValue,则起始索引号为0,否则从索引1起始。
array可选
    调用reduce()的数组

initialValue可选
作为第一次调用 callback函数时的第一个参数的值。 如果没有提供初始值,则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。

返回值

函数累计处理的结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值